标签：function center 表格 title layui align 背景色 field table

  //加载渲染
$(document).ready(function() {
	table.render({
		url : basePath+"payment/queryPaymentInfo",
		elem:'#content_table',
		id:"content_table",
		method:'POST',
	    page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
	        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
	        //,curr: 5 //设定初始在第 5 页
	        ,groups: 1 //只显示 1 个连续页码
	        ,theme: '#e6a3a3'
	        ,first: false //不显示首页
	        ,last: false //不显示尾页
	      },
		limit:10,
		limits:[10,20,50], //这里设置可选择每页显示条数
		cols: [[
		       {type: 'checkbox',style:'margin-top:2px'}
		      ,{field:'payId', title: '主键',hide:true,align:'center'}
		      ,{field:'systemBill', title: '系统单据号',align:'center'}
		      ,{field:'handwordBill', title: '手工单据号',align:'center'}
		      ,{field:'itemName',title: '项目名',align:'center'}
		      ,{field:'productName', title: '产品名',align:'center'}
		      ,{field:'payType',title: '支付方式',align:'center',templet:function(d){
		    	  if(!isEmpty(PAY_TYPE)) return PAY_TYPE[d.payType];}}
		      ,{field:'userPhone',title: '联系方式',align:'center',templet:function (d) { 
		    	  return isEmpty(d.userPhone)?"散客":d.userPhone;}}
		      ,{field:'sumMoney', title: '总金额',align:'center',templet:function(d){
		    	  return dataTable(d.sumMoney,3);}}
		      ,{field:'payTime',title: '支付时间', sort: true,align:'center',templet:function (d) {
		    	  return dataTable(d.payTime,1); }} 
		      ,{field:'open',title: '交易状态',align:'center',templet:function(d){
		    	  if(!isEmpty(PAY_STATUS)) return PAY_STATUS[d.open];}}
		      ,{fixed:'right',title:'操作', align:'center',toolbar:'#barOption'}//操作栏
		    ]],
		    response:{statusName:"errorCode",statusCode:"10000",dataName:"rows",count:"count"},
			done: function (res,curr,count) {
				setColor('.show_content .layui-table');
		    }
	});
});
function setColor(tableClassName){
		var $table = $(tableClassName).eq(1);
		if($table.length > 0){
		//遍历所有行
			$table.find('tr').each(function(){
				var open = $(this).find('td[data-field="open"]').attr('data-content');
				if(open == "2"){   //给状态为2的数据行设置背景色
					$(this).attr('style',"background:#f1dddd;color:#000");
				}
			})
		}
}

标签：function,center,表格,title,layui,align,背景色,field,table
来源： https://blog.csdn.net/VringSbsda/article/details/100779201

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。