jquery datatables设置每列不同的颜色

浏览数：93 / 时间：2015年06月09日

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>

 

　　

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 java src html log 数据 si class style 代码 java src html log 数据 si

相关文章

随机文章

您可能还喜欢

您可能还喜欢