Layui实现数据表格默认全部显示(不要分页)


Posted in Javascript onOctober 26, 2019

啥也不说了,上段代码吧

table.render({
   elem: '#check-data-list'
   , height: 480
   , title: '监测任务列表信息'
   , limit: Number.MAX_VALUE // 数据表格默认全部显示
   , cols: [[
    {field: 'id', title: '序号', width: 60, style: 'font-size: 12px; color: #666'},
    {field: 'modelNum', title: '任务编号', style: 'font-size: 12px; color: #666'},
    {field: 'monitoringTime', title: '监测时间', style: 'font-size: 12px; color: #666'},
    {field: 'taskStatus', title: '任务状态', templet: "#status", style: 'font-size: 12px; color: #666'},
    {field: 'overTime', title: '结束时间', templet: "#over", style: 'font-size: 12px; color: #666'},
    {
     field: 'report',
     title: '报告',
     event: 'viewReport',
     width: 60,
     templet: "#reportID",
     style: 'font-size: 12px; color: #3A87F3; cursor:pointer'
    }
   ]]
   , cellMaxWidth: 100
   , parseData: function (res) {
    return res;
   }
   , data: data
   , id: 'check-data-list'
  });

以上这篇Layui实现数据表格默认全部显示(不要分页)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript实现动态CSS换肤技术的脚本
Jun 29 Javascript
JSON 编辑器实现代码
Dec 06 Javascript
浅析jquery的作用与优势
Dec 02 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 Javascript
jQuery EasyUi 验证功能实例解析
Jan 06 Javascript
JavaScript 动态三角函数实例详解
Jan 08 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
Vue组件基础用法详解
Feb 05 Javascript
node.js 如何监视文件变化
Sep 01 Javascript
解决removeEventListener 无法清除监听的问题
Oct 30 Javascript
vue使用exif获取图片旋转,压缩的示例代码
Dec 11 Vue.js
vue-router的钩子函数用法实例分析
Oct 26 #Javascript
VUE兄弟组件传值操作实例分析
Oct 26 #Javascript
layui实现给某一列加点击事件
Oct 26 #Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 #Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 #Javascript
layui 解决富文本框form表单提交为空的问题
Oct 26 #Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 #Javascript
You might like
目录,文件操作详谈―PHP
2006/11/25 PHP
15种PHP Encoder的比较
2007/04/17 PHP
鸡肋的PHP单例模式应用详解
2013/06/03 PHP
php检测用户是否用手机(Mobile)访问网站的类
2014/01/09 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
PHP实现的带超时功能get_headers函数
2015/02/10 PHP
php删除数组指定元素实现代码
2017/05/03 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
JQuery jsonp 使用示例代码
2009/08/12 Javascript
Jquery练习之表单验证实现代码
2010/12/14 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
js星星评分效果
2014/07/24 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
2015/03/02 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
2017/02/19 Javascript
js中删除数组中的某一元素实例(无下标时)
2017/02/28 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
vue template中slot-scope/scope的使用方法
2018/09/06 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
Python中turtle作图示例
2017/11/15 Python
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
python批量获取html内body内容的实例
2019/01/02 Python
python基于openpyxl生成excel文件
2020/12/23 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
CSS3实现头像旋转效果
2017/03/13 HTML / CSS
管理心得体会
2013/12/28 职场文书
工程技术员岗位职责
2014/03/02 职场文书
2015年档案室工作总结
2015/05/23 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python