Question

根据我收到的数据，我有一张动态列数的表格。我有一个标签需要分散在所有列中，与表中的列数无关。

<table>
<thead>
<tr>
<th><span>ColA</span></th>
<th><span>ColB</span></th>
<th rowspan='2'><span>Col<br/>  C</span></th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<td>Footer content here</td>
</tr>
</tfoot>
</table>

EDIT colspan = 0为我工作！

<td colspan='0'>Footer content here</td>

适用于FF，但不适用于Chrome，IE8 :(

编辑2

colspan =＆＃39; 100％＆＃39; 这个链接解决了crossbrowser问题 https://stackoverflow.com/a/5028091/405117

Answer 1

使用colspan="0"
顺便说一下，您的<tfoot>应该在<thead>和<tbody>个标签之间。

编辑：W3C推荐的这种做法不是跨浏览器。小心使用！

Answer 2

使用colspan。您需要通过jQuery获取列数，然后设置要拉伸的表行的colspan，如下所示：

function ColumnCount(){
    var numCols = $("#YourTableID").find('tr')[0].cells.length;
    $('tfoot tr').attr('colspan', numCols.toString());
}

然后你需要将id YourTableID提供给表格，如下所示：

<table id="YourTableID">

取代<table>。

Answer 3

在colspan值（即colspan="9999"）中放入一个可笑的高数字，并将样式table-layout: auto添加到表元素中。

表页脚自动跨越表的宽度

3 个答案: