我使用DataTables.net
在我的网站中插入表格。我还添加了一个在此表中添加/删除列的函数。为了适应容器大小,我根据列号更改表中的字体大小。
我找到了一个解决方法,如何使用此answer。
这很完美,但是当我改变我的表以使用服务器端处理生成(有很多数据要显示)时,rowCallback
会触发,但是类没有附加,但是字体 - 尺寸不会改变。它不是代码,因为它也适用于其他情况(例如,如果列设置为可见/不可见)。
rowCallback: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('#table tr td').attr('class', getFontSize(counter));
$('#table tr th').attr('class', getFontSize(counter));
},
是否可能与服务器端处理有修改后的创建连接?
答案 0 :(得分:1)
备注强>
在可访问性和移动设备支持方面,缩小字体大小以使表适合容器是不好的决定。请考虑使用Responsive扩展名或Horizontal scroll代替。
<强>解强>
您可以将类添加到table
元素,因为它更有效。
$('#example').addClass(getFontSize(counter));
<强>样本强>
请参阅this jsFiddle以获取代码和演示。