javascript - 在数据表中重绘表时调用 fnRowCallback

Question

我正在 fnRowCallback 的数据表中进行一些后期处理。但是在重绘表格时不会调用它们。 (即，当从 UI 调用某些事件(如更改显示的行数)时，将重绘表格)

      $(document).ready(function () {
            var oTable = $('#data').dataTable({
                "bJQueryUI": true,
                "bProcessing": true,
                "bServerSide": true,
                "bSort": false,
                "sAjaxSource": "query.php",
                "sPaginationType": "full_numbers",
                "aoColumns": [
                    null,
                    null,
                    null,
                ],
                "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                    $(nRow).attr("id", aData[4]);
                    return nRow;
                },
               "fnDrawCallback": function( oSettings ) {
                // How do I call fnRowCallback here? 
               // losing post processing because it is not being called after a redraw
                }
    });

Answer 1

我认为您在 $(nRow) 中通过 jquery 查找实际行的尝试不起作用。 nRow 包含整行。您应该只是作为 jquery 选择器(第二个参数)的命名空间，以将其限制到该特定行。

像这样:

$("selector",nRow).jqueryaction()

这对我有用:

HTML:

  <tr>
    <td>a</td>
    <td class="boldmetight">b</td>
  </tr>
  <tr>
    <td class="boldmetight">c</td>
    <td>d</td>
  </tr>.. etc

以及带有行回调的表定义，该回调将具有特定类的每个单元格加粗(仅作为示例):

  var otable = $("#datatable").dataTable({
    "fnRowCallback": function(nRow, aData, iDisplayIndex) {
      $('.boldmetight', nRow).html('<b>' +  $('.boldmetight', nRow).text() + '</b>');
    }
  });

看看这个工作Plunker