簡體   English   中英

如何將類添加到jquery.datatables列?

[英]how to add class to jquery.datatables columns?

我為jquery.datatables制作了一個大表,這對我很有用。
但是我需要為每個td元素設置一個相對於其列的類名。
例如,我想要一個列(包括th和所有td)都有一個class="volume"
有這個問題:
我使用此代碼初始化類,但它不起作用。

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

編輯:我的表被創建並動態刷新。 它是由一個js陣列組成,我寧願不接觸它,即。 只是為了添加類名
編輯:
我使用此代碼來itialize我的表:

$('#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" },
 ] 

我的猜測是"aoColumns": columnsHd, overrides the "aoColumnsDefs": [ { "sClass": "volume", "aTargets": [2] } , ],

嘗試在代碼中替換他們的訂單

或者直接在"aoColumns": columnsHd,添加類"aoColumns": columnsHd,就像這個"sClass": "volume"

完整代碼:

嘗試將{ "sTitle": "ip" },改為{ "sTitle": "ip", "sClass": "volume" },

並刪除

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

請注意,在datatables 1.10中,您應該使用aoColumnDefs

這個問題的答案是

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

使用其他選項:(ref datatable

在此輸入圖像描述

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM