解决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制作迷你背词汇工具
Jul 27 Javascript
jQuery回车实现登录简单实现
Aug 20 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
Mar 30 Javascript
ES6中参数的默认值语法介绍
May 03 Javascript
Node.js实现注册邮箱激活功能的方法示例
Mar 23 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
vue使用swiper实现左右滑动切换图片
Oct 16 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检查日期函数checkdate用法实例
2015/03/19 PHP
php判断邮箱地址是否存在的方法
2016/02/13 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
2017/03/15 PHP
自动完成JS类(纯JS, Ajax模式)
2009/03/12 Javascript
javascript encodeURI和encodeURIComponent的比较
2010/04/03 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
JS操作数据库的实例代码
2013/10/17 Javascript
JavaScript instanceof 的使用方法示例介绍
2013/10/23 Javascript
jQuery实现多按钮单击变色
2014/11/27 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
2015/07/29 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
2018/08/09 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
在AngularJs中设置请求头信息(headers)的方法及不同方法的比较
2018/09/04 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
2018/10/08 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
[01:56]无止竞 再出发——中国军团出征2017年DOTA2国际邀请赛
2017/07/05 DOTA
学习python的几条建议分享
2013/02/10 Python
Python字符编码判断方法分析
2016/07/01 Python
python skimage 连通性区域检测方法
2018/06/21 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
Ajax主要包含了哪些技术
2014/06/12 面试题
幼儿园教师个人反思
2014/01/30 职场文书
Mysql存储过程、触发器、事件调度器使用入门指南
2022/01/22 MySQL