一般显示给用户的界面 直观就好,像数据的真实id是不应该让用户看到,不合适也不安全,所以一般可以再生成一个自增序列号:
需要使用layui模板引擎:
<script type="text/html" id="xuhao">
{{d.LAY_TABLE_INDEX+1}}
</script>
在table的col中写上:
{title: '序号',templet: '#xuhao'},
原文链接:
https://blog.csdn.net/ld_secret/article/details/85308689
<link rel=stylesheet href=${ctxPath}/vendor/
layui
/css/
layui
.css >
[removed][removed]
二、html页面代码
搜索表单:
<form class=
layui
-form
layui
-col-md12 we-search>
项目搜索:
数据
表格
中的
数据
是通过直接赋值的方式。这里实际上思想是反过来的,将拿
数据
表格
中的所有
数据
,转换为
Layui
数据
表格
拿原始
数据
去渲染
数据
表格
。
1、创建一个作用域合适的JS对象数组用来保存
数据
表格
中的原始
数据
。
2、将上一步创建的JS对象数组也就是原始
数据
赋给
table
.render()的data参数。
3、获取
表格
中的所有
数据
其实直接获取第一步中创建的JS对象数组即可,参照下面的代码,获取
表格
中的所有
数据
就是获取
table
Content中的
数据
。
// 存放
数据
表格
中的
数据
的对象数组
table
Content
var
table
Content = new Array();
table
.rend
cols:[[
{ type:"numbers", width:15, align:"center"},
{ type:"checkbox", width:35, align: "center" },
{ field:'account',title:'账号', width:100, align: "center"},
直接在前边的type属性里放入number和checkbox,表示数字列和复选框列即可达到效果。
在
table
.render()方法中,加上这一行
,{ type: 'numbers', title: '
序号
', width: 80, fixed: 'left' }//
序号
列
使用示例:
table
.render({
elem: '#LAY_
table
_user'
, url: '/AbandonAppl...
{ title: ‘#number’, minWidth: 70, title: “
序号
”, align: “center”, unresize: true,templet:’#number’},
JS部分:
cols: [[
{type: 'checkbox', fixed: 'left'}
//, {field: 'id', width: 60, align: 'center', title: 'ID'}
,{field:'zizeng', width:60,align:"center", title: '
序号
',fixed: 'left',type:'number.
{field: ‘’, title: ‘
序号
’, width: 120, type:‘numbers’},
https://img-blog.csdnimg.cn/20191120110108537.png
转载自:https://blog.csdn.net/liufeihuwudi/article/details/103158445
1,第一种需求,只给当前页加
序号
(1),给你的
数据
加上 templet属性,cols: [[{field:'tourPlayerId', width:80, title: 'ID1', sort: true,fixed: 'left',},{field:'zizeng', width:80, title: '排名',fixed: 'left',templet:'#zizeng'}(2),在tabl...
/ console.log(checkStatus.data.length) //获取选中行数量,可作为是否有选中行的条件。// console.log(checkStatus.data) //获取选中行的
数据
。// console.log(checkStatus.isAll) //
表格
是否全选。layer.msg('请选择一条记录');要将checkStatus的定义放在active中定义的函数里。将
layui
调用的主体函数中的此方法去除试试。以上为个人经验,希望能给大家一个参考。