bootstrap-table在设置高度固定表头后,表头与表内容不对齐情况

时间:2024-04-05 09:45:17

在使用bootstrap-table时,如果想要实现表头固定,就要设置高度属性,但是设置高度属性后会导致表头和表内容错位
1.设置高度:

bootstrap-table在设置高度固定表头后,表头与表内容不对齐情况
2.表头固定但是表头和表内容错误
bootstrap-table在设置高度固定表头后,表头与表内容不对齐情况
查了很久,发现是因为设置高度后新生成了一个表头,与之前的表头的宽度不一致,所以将新生成的表头的宽度设置为整数,将表内容也设置成整数即可

3.设置宽度
bootstrap-table在设置高度固定表头后,表头与表内容不对齐情况
4.效果,表头和表内容对齐
bootstrap-table在设置高度固定表头后,表头与表内容不对齐情况
注意:
高度设置可以用方法动态设置
function tableHeight(){
//可以根据自己页面情况进行调整
console.log("(window).height()",(window).height()",(window).height())
return $(window).height() -173;
}

窗口发生变化时可以让高度变化
$(window).resize(function() {
$(’#table’).bootstrapTable(‘resetView’,{
height: tableHeight()
})
})