jquery - 排序后的 DataTables.net 自定义字体大小

Question

我正在使用 DataTables.net在我的网站中插入表格。我还添加了一个函数来添加/删除该表中的列。为了适应容器大小，我根据列号更改了表中的字体大小。

我的问题:如果我使用排序功能(标题旁边的箭头)，则不考虑字体大小的那些更改。

例如:
我有我的表并添加了一个 5. 列。此后，字体大小变为 0.8em。我按下排序箭头以对我的结果进行排序。表格以原始字体大小 1.0em 重新加载。

是否有可能拦截排序功能以插入我更改字体大小的方法？或者有人有解决该问题的其他想法吗？

编辑:当我更改页面以在表格中显示更多结果时，我遇到了同样的问题。

编辑:这是我用来更改字体大小的代码(它适用于实际的表格 View ，但如果我通过排序或更改页面来更改表格则无效)。每当添加/删除列时，我都会调用该方法。

 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

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

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' );
  }
}

});