展示图
点击数据,标记
代码
操作的表格
<div class="fp-table" style="width: 100%">
<table id="hstable" lay-filter="hstool"></table>
</div>
js
layui.use(['form','table'], function() {
//双击标记
layui.table.on('rowDouble(hstool)', function(obj){ // 双击选中表格的数据,并标识
// console.log(obj.tr) // 得到当前行元素对象
// console.log(obj.data)
// 添加当前行样式,然后移除兄弟样式
// obj.tr.addClass('layui-bg-blue').siblings().removeClass('layui-bg-blue');
obj.tr.addClass('layui-bg-orange').siblings().removeClass('layui-bg-orange');
});
})
//siblings()用于查找当前元素的同胞元素,就是拿到当前元素的兄弟节点(不包括自己)。
//给当前元素设置新的样式,并删除当前元素的同胞元素的样式:
或者
function fapztable(data) {
//templet
var table = layui.table;
//第2个实例
table.render({
elem: '#hstable',
height: h-60,
/*width:w*0.45,*/
size: 'sm', //小尺寸的表格
page: false, //开启分页
limits: [15, 30, 50,100,200,500,5000,10000,20000,50000],
limit:20000,
cols: [],
data: data? data : [],
filter:{
bottom:false
},
done: function () {
layui.soulTable.render(this)
/* $("[data-field='id']").css('display','none');*/
}
});
//监听工具条
table.on('tool(hstool)', function (obj) {
var row = obj.data;
});
//单击标记
table.on('row(hstool)', function(obj){
obj.tr.addClass('layui-bg-orange').siblings().removeClass('layui-bg-orange');
var row = obj.data;
selid=row.id?row.id:row.ID;
})
}