layui table开启头部工具栏,分页修改增加

Posted doudouzhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui table开启头部工具栏,分页修改增加相关的知识,希望对你有一定的参考价值。

<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container">
<a class="layui-inline" title="返回" lay-event="LAYTABLE_RETURN" onclick="javascript:history.back(-1)"><i class="layui-icon layui-icon-return" aria-hidden="true"></i></a>
</div>
</script>

var tableIns = table.render({
elem: ‘#tb‘
, height: 700
, url: ‘‘
, page: true
, toolbar: ‘#toolbarDemo‘
, id: ‘testReload‘
, where: {
BTime: BTime,
ETime: ETime,
Type:‘@ViewBag.Type‘
}
, cols: [[
{ title: ‘序号‘, templet: ‘#indexTpl‘ }
, { field: ‘RegName‘, title: ‘车牌号‘ }
]]
});

 

一直不显示头部工具栏,html也没有初始化出来,后来更新了js和css好了,这个功能需要2.4以上

 

分页默认是10页,需要增加100,且默认

layui.all.js

limits:s.limits||[10,20,30,40,50,60,70,80,90,100]

limit:10 ->100





















以上是关于layui table开启头部工具栏,分页修改增加的主要内容,如果未能解决你的问题,请参考以下文章

layui的数据表格(table)分页篇

layui的table怎么改变分页的颜色

layui的table数据匹配问题

03 页面刷新和表格刷新

layui默认选中table的CheckBox复选框

layui功能栏怎么写