也许以前有人问过这个问题,但我的许多谷歌搜索并没有满足我的需求......
我有一个动态创建的表。其中包含具有 4 列的行和具有 3 列的行。我想要做的是将行的最后一个单元格与表格最右侧的 3 列对齐。我认为最好的方法是将 colspan="2" 添加到 3 列行的最后一列。
所以我的问题是,我怎样才能在表格中获得最多的列数,并将 colspan 添加到包含较少列的行的最后一个单元格以填充该余额?
也许以前有人问过这个问题,但我的许多谷歌搜索并没有满足我的需求......
我有一个动态创建的表。其中包含具有 4 列的行和具有 3 列的行。我想要做的是将行的最后一个单元格与表格最右侧的 3 列对齐。我认为最好的方法是将 colspan="2" 添加到 3 列行的最后一列。
所以我的问题是,我怎样才能在表格中获得最多的列数,并将 colspan 添加到包含较少列的行的最后一个单元格以填充该余额?
您不需要colspan
为单个单元格设置 s 。只需为每一行的最后一个单元格使用一个大数字。它不会给桌子增加任何额外的空间。
在此代码段中,单击“填充”按钮将colspan
每行最后一个单元格中的值设置为 999:
$('button').click(function() {
$('table tr').find('td:last').attr('colspan',999);
});
table {
font: 14px verdana;
border-spacing: 0;
border-collapse: collapse;
}
td {
border: 1px solid #aaa;
padding: 0.2em;
background: yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Fill</button>
<table>
<tr><td>Lorem <td>ipsum <td>dolor <td>sit
<tr><td>amet, <td>consectetur <td>adipiscing <td>elit, <td>sed <td>do
<tr><td>eiusmod <td>tempor <td>incididunt <td>ut <td>labore
<tr><td>et <td>dolore <td>magna
<tr><td>aliqua.
</table>
最好的办法是创建动态表。
如果您的问题是关于查找行的列数,那么这就是命令。
$("#columnCount").append($("#setTable tr:eq(1) td").length);
希望我理解你的问题。如果要在一个表中显示 3 和 4 列,则需要将代码修改为
希望你的问题得到解答。