解决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 相关文章推荐
javascript 数组排序函数
Aug 20 Javascript
jquery 插件学习(六)
Aug 06 Javascript
鼠标经过tr时,改变tr当前背景颜色
Jan 13 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
js时钟翻牌效果实现代码分享
Jul 31 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
Backbone View 之间通信的三种方式
Aug 09 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
在react中使用vue的状态管理的方法示例
May 02 Javascript
Node.JS如何实现JWT原理
Sep 18 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
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
深入PHP5中的魔术方法详解
2013/06/17 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
JavaScript QueryString解析类代码
2010/01/17 Javascript
js 实现打印网页中定义的部分内容的代码
2010/04/01 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
JQuery 操作/获取table具体代码
2013/06/13 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
2013/11/18 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
jquery.mobile 共同布局遇到的问题小结
2015/02/10 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
javascript移动开发中touch触摸事件详解
2016/03/18 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
JQuery validate 验证一个单独的表单元素实例
2017/02/17 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
2017/06/17 Javascript
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
jQuery实现滚动效果
2017/11/17 jQuery
详解Nodejs内存治理
2018/05/13 NodeJs
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
2019/09/29 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
keep-alive保持组件状态的方法
2020/12/02 Javascript
python 调用win32pai 操作cmd的方法
2017/05/28 Python
对python 操作solr索引数据的实例详解
2018/12/07 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
Python运行DLL文件的方法
2020/01/17 Python
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
如何给HttpServletRequest增加消息头
2021/06/30 Java/Android
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js