layui tab选项卡中使用table表格产生的问题

博客讨论了在JavaScript中动态计算表格高度的挑战,特别是在tab选项卡环境中。当表格位于非首个tab时,获取表格顶部位置的值会返回0。作者提到,由于每个tab只有一个表格,当前解决方案是使用第一个表格的计算值来设定后续表格的高度。问题在于这种方法可能导致表格布局不准确,尤其是在非首个tab中的表格。
摘要由CSDN通过智能技术生成

在tab选项卡中使用tab,计算tab高度发现有问题:
为了使表格能够占满页面底部,在表格render前,参数height都是动态计算出来的,如:
var docHeight = $(document).height();
var tableTop = $(’#appeal_table_wait’).offset().top;
var tableHeight = docHeight - tableTop - 20; // 减去20是因为表格底部有分页条

但是计算tableTop时,发现如果此表是tab选项卡的第一个选项表,则值没问题;如果非第一个,则结果为0。

目前因为每个tab卡中只有一个tab,无其他元素,因此所有表格的render时所用的高度值,都采用由第一个表格计算出的tableTop 。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值