我们有一个数据表,如图所示。有 3 个冻结列,其余可滚动。冻结的列未对齐,如图所示。如果删除冻结列属性,则表看起来正常。任何解决问题的建议。
我过去在冻结数据表方面遇到过类似的问题,并在不同的帖子中使用许多不同的脚本,我发现下面的脚本适用于所有浏览器,并且不需要您设置一个高度来计算它。作为一个额外的好处,它还会触发浏览器事件来强制表格正确调整大小。
synchronizeRowsHeight : function() {
var $leftRows = $('.ui-datatable-frozenlayout-left').find('tr');
var $rightRows = $('.ui-datatable-frozenlayout-right').find('tr');
$leftRows.each(function(index) {
var $leftRow = $(this);
var $leftHeight = $leftRow.innerHeight();
var $rightRow = $rightRows.eq(index);
var $rightHeight = $rightRow.innerHeight();
if ($rightHeight > $leftHeight) {
$leftRow.innerHeight($rightHeight);
var diff = $rightHeight - $leftRow.innerHeight();
if (diff != 0)
$leftRow.innerHeight($rightHeight + diff);
} else if ($rightHeight < $leftHeight) {
$rightRow.innerHeight($leftHeight);
var diff = $leftHeight - $rightRow.innerHeight();
if (diff != 0)
$rightRow.innerHeight($leftHeight + diff);
}
})
// fire a resize event to tell the table to repaint
$(window).trigger('resize');
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)