解决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 相关文章推荐
我见过最全的个人js加解密功能页面
Dec 12 Javascript
JS 文件本身编码转换 图文教程
Oct 12 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 Javascript
json实现前后台的相互传值详解
Jan 05 Javascript
PHP守护进程实例
Mar 06 Javascript
JS中的Replace方法使用经验分享
May 20 Javascript
Angular的$http与$location
Dec 26 Javascript
Vue 中可以定义组件模版的几种方式
Aug 06 Javascript
小程序如何获取多个formId实现详解
Sep 20 Javascript
深入理解webpack process.env.NODE_ENV配置
Feb 23 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
Feb 18 Vue.js
微信小程序 WeUI扩展组件库的入门教程
Apr 21 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与php MySQL 之间的关系
2009/07/17 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
你不知道的文件上传漏洞php代码分析
2016/09/29 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
PHP实现微信图片上传到服务器的方法示例
2017/06/29 PHP
php给数组赋值的实例方法
2019/09/26 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
2016/06/01 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
安装vue-cli的简易过程
2018/05/22 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
详解Vue中组件传值的多重实现方式
2019/08/16 Javascript
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
python中反射用法实例
2015/03/27 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
亚马逊中国官方网站:amazon.cn
2017/05/25 全球购物
酒店实习个人鉴定
2013/12/07 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
高中军训感想800字
2014/02/23 职场文书
优秀员工推荐信
2014/05/10 职场文书
公司处罚决定书
2015/06/24 职场文书
《蜜蜂引路》教学反思
2016/02/22 职场文书
python基础之匿名函数详解
2021/04/21 Python
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript