解决Layui数据表格显示无数据提示的问题


Posted in Javascript onNovember 14, 2019

做项目中,没有数据时候表格中提示 无数据,感觉更友好,有时候没有数据但是确实空白,没有显示 无数据 文本提示,很纳闷,就尝试找了下看是什么问题

后来发现,是开启了字段排序功能,删除排序功能代码就能正常显示 无数据 提示文本了,这应该是Layui一个小小的bug吧,排序代码:

initSort: {
     field: 'createDatetime' //排序字段,对应 cols 设定的各字段名
     , type: 'desc' //排序方式 asc: 升序、desc: 降序、null: 默认排序
    },

解决方案:

//判断返回数据
if(res.extend.pageInfo.total == 0){
       //显示无数据提示内容
       return {
        "code": 201, //解析接口状态
        "msg": '无数据' //解析提示文本
       };
      }

以上这篇解决Layui数据表格显示无数据提示的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
Jan 21 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
用Jquery选择器计算table中的某一列某一行的合计
Aug 13 Javascript
json的使用小结
Jun 08 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
canvas学习之API整理笔记(一)
Dec 29 Javascript
JS实现页面打印功能
Mar 16 Javascript
vue-router 导航钩子的具体使用方法
Aug 31 Javascript
koa-router路由参数和前端路由的结合详解
May 19 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
javascript中call,apply,bind的区别详解
Dec 11 Javascript
layui写后台表格思路和赋值用法详解
Nov 14 #Javascript
Layui实现主窗口和Iframe层参数传递
Nov 14 #Javascript
layui 弹出层值回传解决方式
Nov 14 #Javascript
vue使用swiper.js重叠轮播组建样式
Nov 14 #Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 #Javascript
浅析Vue 防抖与节流的使用
Nov 14 #Javascript
微信小程序tabBar设置实例解析
Nov 14 #Javascript
You might like
php header Content-Type类型小结
2011/07/03 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
php中JSON的使用与转换
2015/01/14 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
Javascript 刷新全集常用代码
2009/11/22 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
JavaScript数组对象赋值用法实例
2015/08/04 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
PHP捕捉异常中断的方法
2016/10/24 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
Python中几个比较常见的名词解释
2015/07/04 Python
python 日期操作类代码
2018/05/05 Python
python读取Excel实例详解
2018/08/17 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
Python实现石头剪刀布游戏
2021/01/20 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
mui几种页面跳转方式对比总结概括
2017/08/18 HTML / CSS
Pam & Gela官网:美国性感前卫女装品牌
2018/07/19 全球购物
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
个人批评与自我批评材料
2014/10/17 职场文书
个人委托函范文
2015/01/29 职场文书
推广普通话主题班会
2015/08/17 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书
一个家长教育孩子的心得体会
2016/01/15 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL