DataTables.net自定义font-size排序后

Question

我正在使用 DataTables.net 在我的网站中插入 Table。我还在这个 table 的 add/remove 列中添加了一个函数。为了适合容器大小，我更改了 table 中关于列号的 font-size。

我的问题：如果我使用排序功能（header 旁边的箭头），则不会考虑 font-size 中的那些更改。

例如：
我有我的 table 并添加一个 5. 列。此后，font-size 变为 0.8em。我按下排序箭头以对我的结果进行排序。 table 重新加载原来的 font-size 1.0em.

是否有可能拦截排序函数以插入我的方法来更改font-size？或者有人有解决该问题的其他想法吗？

编辑： 当我更改页面以在 table.

中显示更多结果时，我遇到了同样的问题

编辑： 这是我用来更改 font-size 的代码（它适用于实际的 table 视图，但如果我更改table 通过排序或更改页面）。每当列 added/removed.

时，我都会调用该方法

 if(counter < model.getMaxCol()){
    $('#room-table tr').css('font-size', "1.0em");
 }
 else if(counter = model.getMaxCol()){  
    $('#room-table tr').css('font-size', "0.75em");
 }

Answer 1

也许尝试向该行添加一个自定义 class 而不是仅仅更改字体，以便添加的排序 class 也被覆盖？例如

if(counter = model.getMaxCol()){  
    $('#room-table tr').addClass('customFont');
 }

CSS:

.customFont {
  font-size: 0.75em;
}

编辑：使用 markpsmith 建议的 fnRowCallback

var table = $('#example').DataTable({

  "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {

  if ( true ) // your logic here
  {
    $(nRow).addClass( 'customFont' );
  }
}

});

DataTables.net自定义font-size排序后

DataTables.net custom font-size after sorting

css

sorting

datatable

jquery

datatables