8

受信したデータに応じて動的な数の列を持つテーブルがあります。テーブル内の列数に関係なく、すべての列に分散する必要があるタグがあります。

<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

4

3 に答える 3

8

使用colspan="0"
方法 ちなみに、とタグ <tfoot>の間にある必要があります。<thead><tbody>

編集: W3C によって推奨されているその方法は、クロスブラウザーではありません。慎重に使用してください！

于 2012-09-12T14:36:23.320 に答える
2

を使用しcolspanます。次のように、jQuery を使用して列の数を取得し、ストレッチするテーブル行の colspan を設定する必要があります。

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

YourTableID次に、次のようにテーブルにID を指定する必要があります。

<table id="YourTableID">

の代わりに<table>。

于 2012-09-12T14:35:33.023 に答える