步骤
- 声明样式
- 表格的table加载完毕的事件
- 行点击事件
<style>
.checkrow {
background-color: dodgerblue;
color: white;
}
</style>
<script>
layui.use(['table', 'form', 'laydate', 'laypage', 'jquery'], function () {
...
...
function dataList(type) {
table.render({
elem: '#data',
url: '',
headers: {},
where: {},
limit: 10,
page: true,
title: '',
cols: [],
done: function (res, curr, count) {
console.log('res=',res)
var rows = $('#data').next().find('.layui-table-box tbody tr')
if (rows.length > 0) {
console.log("找到了第1行",rows[0] );
$(rows[0]).addClass('checkrow');
var data = res.data[0];
rowClick(data);
} else {
console.log("未找到指定行");
}
}
})
}
table.on('row(data)', function (obj) {
console.log(obj);
var rows =$('#data').next().find('.layui-table-box tbody tr')
rows.each(function(index) {
$(rows[index]).removeClass('checkrow');
});
$(obj.tr).addClass('checkrow');
var data = obj.data;
rowClick(data);
});
});
...
...
</script>