layui.table设置特定某⾏的css样式（禁⽤复选框，）主要利⽤der()的done()回调⽅法中编写，这⾥给出部分有注释的代码，使⽤时可以根据实际调整
elem:'#LAY_table_user'
css表格样式, url:'/Storage/GetFixureData'
, title:'⼯夹具列表'
, cellMinWidth:80//全局定义常规单元格的最⼩宽度，layui 2.2.1 新增
, cols:[[
{ checkbox:true, fixed:true}
,{ field:'fixure_id', title:'编号', width:80, sort:true, fixed:true}
,{ field:'Name', title:'夹具名称', width:200}
,{ field:'Model', title:'夹具模组', width:130, sort:true}
,{ field:'PartNo', title:'夹具料号', width:300}
,{ field:'UsedFor', title:'⽤途', width:150}
,{ field:'UsedCount', title:'使⽤次数', sort:true, width:120}
,{ field:'Location', title:'库位', sort:true, width:80}
,{ field:'RegDate', title:'⼊库⽇期', width:100}
,{field:'workcell', title:'⼯作部', sort:true, width:90}
,{fixed:'right', title:'操作', toolbar:'#barDemo', width:80}
]]
, toolbar:'#toolbarDemo'//开启头部⼯具栏，并为其绑定左侧模板
, defaultToolbar:['filter','exports','print',{//⾃定义头部⼯具栏右侧图标。如⽆需⾃定义，去除该参数即可
title:'提⽰'
,
layEvent:'LAYTABLE_TIPS'
, icon:'layui-icon-tips'
}]
, id:'testReload'
, page:true
, limits:[3,5,10]//⼀页选择显⽰3,5或10条数据
, limit:10//⼀页显⽰10条数据
, parseData:function(res){//将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
var result;
if(this.page.curr){
result = res.data.slice(this.limit *(this.page.curr -1),this.limit *this.page.curr);
}
else{
result = res.data.slice(0,this.limit);
}
return{
"code": de,//解析接⼝状态
"msg": res.msg,//解析提⽰⽂本
"count": unt,//解析数据长度
"data": result //解析数据列表
};
}
,
done:function(res, curr, count){
//res为表格的所有数据，curr为当前页码，count为数据总条数
//console.info(res.data);
//遍历本页所有表格数据的值，依次判断是否为空闲中状态，若不是则通过data-index改变该⾏样式
//这⾥item和index分别对应每⾏的数据和data-index索引值
res.data.forEach(function(item, index){
//这⾥的entity_status_id 为表格数据中的⼀列数据，⽤于判断特定⾏
ity_status_id !==1){
//禁⽤复选框，设置不可选中标识，将该⾏设置为阴影⾊
var tr =$(".layui-table tr[data-index="+ index +"]");
tr.find("input[type='checkbox']").prop('disabled',true);
tr.find("input[type='checkbox']").next().addClass('layui-btn-disabled');
tr.css("background","rgba(0, 0, 0, 0.35)");
console.info(tr.find("a[lay-event='edit']"));
//禁⽤该⾏⼯具栏的按钮特效
tr.find("a[lay-event='edit']").prop('disabled',true);
tr.find("a[lay-event='edit']").prop('disabled',true);
tr.find("a[lay-event='edit']").removeClass("layui-btn-normal").addClass("layui-btn-disabled");
}
})
}
});
参考：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。