如何使用Datatable组件自定义表的标题？

Question

此刻，我有一个使用DataTable组件的表。标题的最后一列是“动作”，但是由于动作是显而易见的，因此我想删除此文本并将表的“显示记录”元素移动到文本现在所在的相同位置。

 Show XX records 
|--------------------------------------------------|
|  col1          | col2           | Actions        |
|---------------------------------------------------
|  col1 row1     | col2 row1      | Edit   Remove  |
|---------------------------------------------------
|  col1 row2     | col2 row2      | Edit   Remove  |

要使其看起来像这样：

|--------------------------------------------------|
|  col1          | col2           | Show XX records|
|---------------------------------------------------
|  col1 row1     | col2 row1      | Edit   Remove  |
|---------------------------------------------------
|  col1 row2     | col2 row2      | Edit   Remove  |

有人可以帮我吗？

非常感谢

Answer 1

您需要使用fnInfoCallback并更改要在其中显示信息的标头单元格值

"fnInfoCallback": function (oSettings, iStart, iEnd, iMax, iTotal, sPre) {

     $('#dtexample thead tr:first-child th:last-child').text('Showing ' + iStart + ' to ' + iEnd + 
' of '+iTotal );

  }