0

アイデアはこれです：

DataTables をロードする jQuery が 1 つあり、"aoColumns" : "sWidth" パラメータを設定して 1 つの列を固定幅にすることができ、それが機能していることを知っています。

私が抱えている問題は、多くのテーブル、可変数の列があり、その列の数に関係なく、LAST のものを固定サイズにする必要があることです。場合によっては 3位、場合によっては 8位、場合によっては 16位、どちらでもかまいません。

可能ですか？

いいえ、各テーブルに対してデータテーブルjQueryを呼び出したくありません。構造内の何も変更したくありません。現在は非常にうまく機能しているためです.Javascriptにいくつかのクラスまたはパラメーターを追加するだけです.

4

1 に答える 1

1

次のようにテーブルを構成します。

<table class="tableClass">
    <colgroup>
    <col></col>
    <col></col>
    <col></col>
</colgroup>
<thead>
    <tr>
        <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
            <td>Cell 3</td>
    </tr>
</tbody>    
</table>

そうすれば、jQuery は次のようにするだけで済みます。

$('.tableClass').each(function() {
    var self = this;
$(self).find('col:last').css('background-color', 'red'); 
});

そのjQueryは、そのクラスを持つ各テーブルの最後の列を見つけ、それぞれの最後のクラスで必要なことを何でもします。（背景色を使用してテストしました。）

幅を設定するだけなら、 を実行するだけで済むかもしれません$(self).find('th:last')が、<colgroup>and<col>は「正しい」方法です。

于 2013-01-19T00:48:10.270 に答える