解决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切换显示的效果实例代码
Feb 27 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
Jan 05 Javascript
JavaScript中创建对象的7种模式详解
Feb 21 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
Mar 14 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
vue this.reload 方法 配置
Sep 12 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
基于Vue的侧边目录组件的实现
Feb 05 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 session有效期问题
2009/04/26 PHP
php mysql 判断update之后是否更新了的方法
2012/01/10 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP利用imagick生成组合缩略图
2016/02/19 PHP
js动态添加onload、onresize、onscroll事件(另类方法)
2012/12/26 Javascript
js判断是否为ie的方法小结
2014/01/13 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
浅析jQuery Ajax通用js封装
2016/06/22 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
js实现无缝滚动图
2017/02/22 Javascript
解决Jquery下拉框数据动态获取的问题
2018/01/25 jQuery
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
2019/01/18 jQuery
JS栈stack类的实现与使用方法示例
2019/01/31 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
python文件比较示例分享
2014/01/10 Python
对PyQt5基本窗口控件 QMainWindow的使用详解
2019/06/19 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
python实现拼接图片
2020/03/23 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
JSF如何进行表格处理及取值
2012/08/06 面试题
销售部主管岗位职责
2013/12/18 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
贯彻学习两会心得体会范文
2014/03/17 职场文书
百货商场楼层班组长竞聘书
2014/03/31 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL