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>