jquery datatables設置每列不同的顏色


html代碼如下,主要通過設置aoColumnDefs的屬性, aTargets表示具體哪一列。希望對大家有用啊,自己也是查了好多外文網站,最后才搞定這種辦法

引用常用的庫是:

<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.jeditable.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>

<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>

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM