0

複数のヘッダー行を持つようにデータ テーブルを設定すると、設定された swidth パラメータが無視されます。ヘッダーが最初の行ではなく2番目の行であることをデータテーブルに伝える方法はありますか? 私はSOを検索し、datatables dot net docsを検索しましたが、何も見つかりませんでした。

図では、最初の列 (年) が他のすべての列よりもかなり幅が広いはずです。これは、ヘッダー行が 1 つの場合は問題なく機能しますが、ヘッダー行が 2 つある場合は、指定した幅 (swidth を使用) は無視されます。

4

2 に答える 2

3

これは、Safari、Firefox、および Chrome で機能します: http://jsfiddle.net/Zbn3j/ 

<table id=test>
    <thead>
        <tr><th colspan=4>Cars</th></tr>
        <tr><th>Year</th><th>Unit</th><th>Time</th><th>Status</th></tr>
    </thead>
    <tbody>
        <tr><td>r1,c1</td><td>r1,c2</td><td>r1,c3</td><td>r1,c4</td></tr>
        <tr><td>r2,c1</td><td>r2,c2</td><td>r2,c3</td><td>r2,c4</td></tr>
    </tbody>    
</table>

この dataTable への呼び出しで:

$('#test').dataTable(
    {
            "aoColumnDefs": [{ "sWidth": "200px", "aTargets": [ 0 ] }] 
    });

これはあなたのコードや経験とどのように違いますか?

于 2013-07-18T08:18:00.203 に答える
0

私はついにこれの底にたどり着きました。Foundation CSS (主にグリッド用) を使用してきましたが、問題のある CSS ルールを TD 要素に適用していることに気付きました。

table tr td {
  padding: 0.5625em 0.625em;
}

要素インスペクターでこれらのルールを何度も見ましたが、問題を引き起こす可能性があるとは思わなかったため、見落としていました。排除のプロセスの後、私は彼らが犯人であることを発見しました.

于 2013-08-22T23:51:18.190 に答える