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 相关文章推荐
Auntion-TableSort国人写的一个javascript表格排序的东西
Nov 12 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Nov 12 Javascript
JQuery文本框高亮显示插件代码
Apr 02 Javascript
jquery 回车事件实现代码
Aug 23 Javascript
js根据日期判断星座的示例代码
Jan 23 Javascript
浅析JS动态创建元素【两种方法】
Apr 20 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
基于JavaScript实现焦点图轮播效果
Mar 27 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
如何利用js在两个html窗口间通信
Apr 27 Javascript
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
PHP4 与 MySQL 交互使用
2006/10/09 PHP
PHP5中Cookie与 Session使用详解
2013/04/30 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
各种常用浏览器getBoundingClientRect的解析
2009/05/21 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
Grid得到选择行数据的方法总结
2011/01/17 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
JavaScript 产生不重复的随机数三种实现思路
2012/12/13 Javascript
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
绑定回车enter事件代码
2014/05/18 Javascript
nodejs事件的监听与触发的理解分析
2015/02/12 NodeJs
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
浅谈mvvm-simple双向绑定简单实现
2018/04/18 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
详解基于Vue的支持数据双向绑定的select组件
2019/09/02 Javascript
js中的面向对象之对象常见创建方法详解
2019/12/16 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
保送生自荐信范文
2015/03/26 职场文书
旷工辞退通知书
2015/04/17 职场文书
Windows Server 2012 R2 磁盘分区教程
2022/04/29 Servers