如何向包含数据表中缺少单元格的特定列添加工具提示

Question

我正在使用 ，并且我有兴趣添加到包含缺失单元格的中。我想添加一个简单的注释，说明为什么缺少该列中的这些单元格。我说的专栏是第7专栏。DataTablestooltipcolumn

对列中缺少的单元格进行一个表单元格的简单检查如下所示：

这是我的脚本：

<script> 

$(document).ready(function() {

    $(".se-pre-con").fadeOut("slow");

           $('table thead tr').clone(true).appendTo( 'table thead' );

           $('thead tr:eq(1) th').each( function (i) {

               if(i > 4){

                   $(this).hide()

               }

           })

            $('table').DataTable( {

                fixedHeader: true,

                language: {

                    processing:     "Bitte warten ..",

                    search:         "Suchen",

                    lengthMenu:    "_MENU_ Einträge anzeigen",              

                    info:           "_START_ bis _END_ von _TOTAL_ Einträgen",

                    infoEmpty:      "Keine Daten vorhanden",

                    infoFiltered:   "(gefiltert von _MAX_ Einträgen)",

                    infoPostFix:    "",

                    loadingRecords: "Wird geladen ..",

                    zeroRecords:    "Keine Einträge vorhanden",

                    paginate: {

                        first:      "Erste",

                        previous:   "Zurück",

                        next:       "Nächste",

                        last:       "Letzte"}

                    },

                   initComplete: function () {

                       this.api().columns().every( function () {

                           var column = this;

                           console.log(column.index())

                           var select = $('<select><option value=""></option></select>')

                               .appendTo( $(column.header()).empty() )

                               .on( 'change', function () {

                                   var val = $.fn.dataTable.util.escapeRegex(

                                       $(this).val()

                                   );

                   }

               } );

       } );

</script> 

Answer 1

不知道您正在使用哪种工具提示，因此我只解决您将 Bootstrap 工具提示附加到 .查看 -> https://datatables.net/reference/option/columns.createdCell<td>createdCell向 / 部分添加回调。由于看起来您正在使用没有任何列定义的静态，因此您可以执行此操作：createdCellcolumnscolumnDefs<table>columnDefs: [{&nbsp;&nbsp; targets: 6, //columns are zero based&nbsp; createdCell: function(td, cellData) {&nbsp; &nbsp; if (cellData === '') {&nbsp; &nbsp; &nbsp; $(td).tooltip({ trigger: 'hover', title: 'The cell is empty because ...' })&nbsp; &nbsp; }&nbsp; }}],

Answer 2

我不确定这里指的是哪种工具提示，如果它是对官方jQuery工具提示或其他内容的引用，但是为了修改没有单元格的内容，只需获取对表的引用，然后遍历table.rows，然后通过每个行元素检查单元格的数量，如果它没有， 然后将工具提示添加到该行。示例伪代码：table = document.querySelector("table");Array.apply(0, table.rows).forEach(x => {&nbsp; &nbsp; x.cells.length == 0 && (functionToMakeTooltipToRow(x))});