解决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 mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
为开发者准备的10款最好的jQuery日历插件
Feb 04 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
Jan 03 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 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
饭制《星际争霸》Mod:优化游戏机制 增加新单位
2017/07/02 星际争霸
php生成EXCEL的东东
2006/10/09 PHP
php中防止伪造跨站请求的小招式
2011/09/02 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
[原创]php正则删除html代码中class样式属性的方法
2017/05/24 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
一段非常简单的让图片自动切换js代码
2006/11/10 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
js的Object.assign用法示例分析
2020/03/05 Javascript
JavaScript array常用方法代码实例详解
2020/09/02 Javascript
[46:03]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[53:49]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
在Python中编写数据库模块的教程
2015/04/29 Python
python采集百度百科的方法
2015/06/05 Python
Python实现单词翻译功能
2017/06/06 Python
python3 模拟登录v2ex实例讲解
2017/07/13 Python
pygame实现俄罗斯方块游戏
2018/06/26 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
Python WEB应用部署的实现方法
2019/01/02 Python
python实现读取excel文件中所有sheet操作示例
2019/08/09 Python
python 6.7 编写printTable()函数表格打印(完整代码)
2020/03/25 Python
Python基于百度AI实现OCR文字识别
2020/04/02 Python
python如何查看网页代码
2020/06/07 Python
为什么说python更适合树莓派编程
2020/07/20 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
广告语设计及教案
2014/03/21 职场文书
初中学生操行评语
2014/12/26 职场文书
Java详细解析==和equals的区别
2022/04/07 Java/Android