亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何向包含數據表中缺少單元格的特定列添加工具提示

如何向包含數據表中缺少單元格的特定列添加工具提示

嚕嚕噠 2022-08-27 09:36:05
我正在使用 ,并且我有興趣添加到包含缺失單元格的中。我想添加一個簡單的注釋,說明為什么缺少該列中的這些單元格。我說的專欄是第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> 
查看完整描述

2 回答

?
慕斯709654

TA貢獻1840條經驗 獲得超5個贊

不知道您正在使用哪種工具提示,因此我只解決您將 Bootstrap 工具提示附加到 .查看 -> https://datatables.net/reference/option/columns.createdCell<td>createdCell


向 / 部分添加回調。由于看起來您正在使用沒有任何列定義的靜態,因此您可以執行此操作:createdCellcolumnscolumnDefs<table>


columnDefs: [{ 

  targets: 6, //columns are zero based

  createdCell: function(td, cellData) {

    if (cellData === '') {

      $(td).tooltip({ trigger: 'hover', title: 'The cell is empty because ...' })

    }

  }

}],


查看完整回答
反對 回復 2022-08-27
?
DIEA

TA貢獻1820條經驗 獲得超2個贊

我不確定這里指的是哪種工具提示,如果它是對官方jQuery工具提示或其他內容的引用,但是為了修改沒有單元格的內容,只需獲取對表的引用,然后遍歷table.rows,然后通過每個行元素檢查單元格的數量,如果它沒有, 然后將工具提示添加到該行。示例偽代碼:


table = document.querySelector("table");

Array.apply(0, table.rows).forEach(x => {

    x.cells.length == 0 && (functionToMakeTooltipToRow(x))

});


查看完整回答
反對 回復 2022-08-27
  • 2 回答
  • 0 關注
  • 85 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號