html - 表格页脚自动跨越表格宽度

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 = '100%' 这个链接解决了跨浏览器问题 https://stackoverflow.com/a/5028091/405117

Answer 1

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

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

Answer 2

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

Answer 3

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

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

然后您需要将 idYourTableID提供给表，如下所示：

<table id="YourTableID">

代替<table>.