jquery datatablesカラムごとに異なる色を設定
2407 ワード
htmlコードは以下の通りで,主にaoColumnDefsの属性を設定することにより,aTargetsは具体的にどの列を表すかを示す.みんなに役に立つことを望んで、自分も多くの外国語のウェブサイトを調べて、最後にやっとこのような方法を解決しました
参照でよく使用されるライブラリは次のとおりです.
参照でよく使用されるライブラリは次のとおりです.
<style>
.col_class{
color:#FFFFFF;
}
.cos_class{
color:#F5F683;
}
</style>
<script type="text/javascript" language="javascript">
function InitOverviewDataTable(urlss)
{
oOverviewTable =$('#district1').dataTable(
{
"bPaginate": false,
"bJQueryUI": false,
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": true,
"iDisplayLength": 10,
"bAutoWidth": true,
"sAjaxSource": urlss,
"oLanguage": {
"sProcessing": " ......",
"sEmptyTable": " ",
"sInfo": ""
} , //
"aoColumnDefs":[
{"sClass":"col_class","aTargets":[0]},{"sClass":"cos_class","aTargets":[1]}]
});
}
</script>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="district3" bgcolor="#000000">
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
</table>