7

jquery.datatables用の大きなテーブルを作成しました。これは私にとって非常に効果的です。
しかし、その列に関連する各td要素にクラス名を設定する必要があります。
たとえば、列（thとすべてのtdを含む）に。が必要class="volume"です。
この問題があります：
私はこのコードを使用してクラスを初期化しますが、機能していません。 

"aoColumnsDefs": [
    { "sClass": "volume", "aTargets": [2] }
]

編集： 私のテーブルが作成され、動的に再更新されます。そしてそれは私がそれに触れたくないjs-arrayでできています。クラス名を追加するだけです
編集：
このコードを使用してテーブルを初期化します：

$('#dataTable').dataTable({
    "aaData": dataCnt,
    "aoColumnsDefs": [
        { "sClass": "volume", "aTargets": [2] }
    ],
    "aoColumns": columnsHd,
    "bStateSave": true,//saving status in coockie
    "iCookieDuration": 10,//coockie life duration in seconds
    "sScrollX": "100%",
    "sScrollY": (winHei-200),
    "sDom": '<"H"RCfrl>t<p"F"i>',
    "oColVis": {
        "buttonText": "&nbsp;",
        "bRestore": true,
        "sAlign": "left"
    },
    "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
});

私はそれが役立つことを願っています* EIDT：*
columnsHdは私のjsonヘッダーから動的に作成された配列であり、現在は正確に：

[
{ "sTitle": "macaddr" },
{ "sTitle": "lat" },
{ "sTitle": "ip" },
{ "sTitle": "clientname" },
{ "sTitle": "relay0mask" },
{ "sTitle": "relay0stat" },
{ "sTitle": "relay1stat" },
{ "sTitle": "clientid" },
{ "sTitle": "bldname" },
{ "sTitle": "uptime" },
{ "sTitle": "current" },
{ "sTitle": "temperature" },
{ "sTitle": "softver" },
{ "sTitle": "volume" },
{ "sTitle": "hardver" },
{ "sTitle": "relay1mask" },
{ "sTitle": "pic" },
{ "sTitle": "comment" },
{ "sTitle": "lon" },
{ "sTitle": "rtt" },
{ "sTitle": "bldaddr" },
 ]
4

2 に答える 2

10

私の推測では"aoColumns": columnsHd, overrides the "aoColumnsDefs": [ { "sClass": "volume", "aTargets": [2] } , ],

コード内の順序を置き換えてみてください

"aoColumns": columnsHd, または、このようにクラスを直接追加します"sClass": "volume"

完全なコード：

に変更{ "sTitle": "ip" },してみてください{ "sTitle": "ip", "sClass": "volume" },

を削除します

"aoColumnsDefs": [
    { "sClass": "volume", "aTargets": [2] }
],

datatables 1.10では、aoColumnDefsを使用する必要があることに注意してください

于 2013-01-09T09:48:31.690 に答える
1

質問の答えは

"aoColumnsDefs": [
    { "sClass": "classname", "aTargets": [whatever target you want to apply] }
]

他のオプションを使用するには：（ref datatable）

ここに画像の説明を入力してください

于 2017-10-26T06:47:38.510 に答える