[英]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": " ",
"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.