jquery - 排序后的自定义字体大小 : rowCallback does not work with server side processing?

Question

我正在使用 DataTables.net 在我的网站中插入一个表格。我还添加了一个函数来添加/删除该表中的列。为了适应容器大小，我根据列号更改了表中的字体大小。我找到了一个解决方案如何用这个 answer 做到这一点.

这很完美，但是当我将我的表更改为通过服务器端处理生成时(有很多数据要显示)，rowCallback 确实触发了，但是没有附加类，虽然字体大小不变。它不能是代码，因为它也适用于其他情况(例如，如果列设置为可见/不可见)。

rowCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    $('#table tr td').attr('class', getFontSize(counter));
    $('#table tr th').attr('class', getFontSize(counter));
},

是否有可能与服务器端处理的修改后的创建有关？

Answer 1

NOTES

就可访问性和移动设备支持而言，减小字体大小以使表格适合容器是错误的决定。考虑使用 Responsive扩展名或 Horizontal scroll相反。

SOLUTION

您可以将类添加到 table 元素，因为这样效率更高。

$('#example').addClass(getFontSize(counter));

DEMO

参见 this jsFiddle用于代码和演示。