html table行等高,根据内容自动调整HTML表格单元格高度时行跨度参与(Autosize HTML table cell...

这篇博客探讨了如何使HTML表格中的单元格根据内容自动调整高度,特别是在存在rowspan的情况下。文中提供了多种解决方案,包括使用jQuery进行二分搜索算法以确保单元格高度正确,以及直接设置单元格高度的JavaScript代码示例。
摘要由CSDN通过智能技术生成

有没有办法来自动调整基于内容的HTML表格高度? 此外,如果它的旁边有多个rowspans邻居小区的小区(或小区)。

例如,如果我有一个这样的表(在右侧单元具有ROWSPAN =“2”与单元含量= 600px的,在对细胞含量= 150像素的左侧高度每个单元的高度):

6c1555302777729326ca3efa0910d9ec.png

有上,因为细胞本身自动调整大小它们的高度左侧2只细胞同意之间的间隙。 我想它看起来就像这样:

6c1555302777729326ca3efa0910d9ec.png

当顶部细胞自动折叠到单元格内容的高度。 反正有没有做到这一点?

Answer 1:

这台细胞正确的高度(的最后一行演示 ):

function grow(td) {

var table, target, high, low, mid;

td = $(td);

table = td.closest('table');

target = table.height();

low = td.height();

// find initial high

high = low;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值