layui数据表格某个字段不显示问题(table踩坑)

最新推荐文章于 2024-03-25 16:58:20 发布
最新推荐文章于 2024-03-25 16:58:20 发布
阅读量2.7k 收藏
点赞数 3
分类专栏： 项目实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/duan196_118/article/details/108402002
版权

       今天在进行layUI表格渲染时，出现一个奇怪的现象，后台打印可以获取到对象的属性值，而前台页面却无法显示。再三核对属性名发现并没有错误。心中万分纠结！！！

后台打印：

前台渲染：

结果却出人意料，经过一番排查，发现在传值过程中mStatus 被改为了mstatus。。。这个坑真让我大跌眼镜！

做出修改之后，页面可以正常显示。在数据传输过程中，属性名为什么发生变化我还不是太明确，希望看到的小伙伴们可以留下您宝贵的见解，望不吝赐教！！！ 

会飞地太阳
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
LayUI-数据表格字段内容过多无法全部显示，鼠标悬浮显示省略内容问题解决！...
07-11 7914
本人使用LayUI开发，发现数据表格内容过多显示不完整时LayUI居然不支持鼠标悬浮显示全部信息，网上也有其他网友有解决方案，不过都是治标不治本，通过研究源码已解决该问题！ 1、找到table.js文件； 2、js中找到 M.prototype.renderData = function...
layui数据表格某个字段不显示问题
qq_34810893的博客
07-15 6529
表格是用layui数据表格的方法渲染方式渲染的 大概这个样子 var table = layui.table; //执行渲染 table.render({ elem: '#demo' //指定原始表格元素选择器（推荐id选择器） ,height: 315 //容器高度 ,cols: [{}] //设置表头 //,…… //更多参数参考右侧目录：基本参数选项 }); co...
解决LayUI表单获取不到data的问题
01-19
前几天用LayUI表单进行AJAX提交的时候发现,function(data)里的data始终无法获取表单里填的值，当时我认为是出BUG了就用了$(‘#updateform’).serialize()来获取表单数据 //form表单 更新员工信息 form.on('submit(form_emp2)', function(data){ var temp=$('#updateform').serialize(); // layer.msg(JSON.stringify($('#form1').serialize())); // alert(JSON.strin
layUi表单行字数过多全部展示
qq_35146059的博客
03-23 999
比如： 想让这行里面的数据全部展示： ftl加入如下代码即可： div.layui-table-cell{ height:auto; white-space:normal; word-wrap:break-word; work-break:break-all; }
LayUi中接口传数据成功，表格不显示数据
热门推荐
qq_37647296的博客
07-04 2万+
今天接触这个框架发现的问题，某些情况下，json传过来了，对应表格报错或提示无数据，情况截图如下： LayUi 对传过来的 Json 有严格的要求，一般情况下，要求要有4个参数，分别为： code:0 //数据状态 msg:"" //状态信息 count:1000 //数据总数 data:[] //数据列表 若传过来的 Json 包含这四个参数，且参数名一样，则表格读数据不...
对layui数据表格动态cols(字段)动态变化详解
10-16
今天小编就为大家分享一篇对layui数据表格动态cols(字段)动态变化详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Layui实现数据表格默认全部显示(不要分页)
10-16
在本文中，我们将深入探讨如何使用Layui框架来实现数据表格默认全部显示，而无需分页功能。Layui是一款轻量级的前端UI框架，提供了丰富的组件，包括表格、按钮、表单等，方便开发者构建用户界面。在某些场景下，用户...
解决Layui数据表格显示无数据提示的问题
01-19
做项目中，没有数据时候表格中提示 无数据，感觉更友好，有时候没有数据但是确实空白，没有显示 无数据 文本提示，很纳闷，就尝试找了下看是什么问题 后来发现，是开启了字段排序功能，删除排序功能代码就能正常显示...
LayUi中接口传数据成功,表格不显示数据的解决方法
12-02
不过，根据描述，此字段在LayUi中并非必需，即使不提供或者参数名不匹配，表格依然可以显示数据。 3. **数据总数（count）**：这个参数用于指示数据集的总条数，常用于分页功能。在某些场景下，如果不需要分页，`...
layui表格字段不显示问题
sttttttuttering的博客
10-08 802
今天在用layui表格踩了一个坑 明明table表格里的cols跟数据库字段名一样，却不显示 数据库中的字段如下： 对应表格中的cols应该是： 但是在表格中却不显示： 打开浏览器调试发现返回的json的key为cunumber而不是cUnumber 好吧，于是按返回的json的key改了以下cols，成功了。 ...
如何解决Layui后台接口返回数据，但是table.render不渲染表格数据的问题
最新发布
康宁的博客
03-25 315
忽然，我把后台重新定义的layui规定的格式参数，有个参数名叫data，我把它定义为了list，所以无法渲染数据。我这边进行了pareData数据格式转换，response重新定义了layui的参数格式规范。改成参数名为data就可以渲染数据了。但是就是不渲染，我这个郁闷啊！
记录一下layuiTable数据不显示的问题。
liuhagen的专栏
02-02 2364
之前做的Layui的列表，都证正常显示。但有一天，在某个字段的富文本中加入表格后。 layui的列表就不正常了。链无数据都不显示。后来排查原因。 在layui的Table中加载了富文本内容。 富文本中包含Table标签。 解决办法，1、富文本中不要加入表格。 2、列表数据转移每个字段中的HTML标签。 转换的时候，要注意，智能转换某个字段的内容，而且，某个字段的类容必须是JSON格式的。 转移不能针对一行数据，转回已不能破坏JSON格式。 否则Layui会无法正常显示列表数据。 这两.
Layui表单提交时对data.field中字段的取值问题
qq_44864879的博客
12-17 9753
后台接收页面表单的方式一般来说有两种（ssm来说，我这里用的是Jfinal，类似）， 一种是以成员变量的方式接收 另一种是以对象的方式接收 成员变量接收：控制器中方法的形参必须和页面name中的值一样（Jfinal类似，不过没有形参，已封装好，直接 getPara("") 获取） 对象接收：将所有字段映射到数据库表中字段（这也是我下面要说明的情况） <!-- 假如我数据库有张表，这里不管表名，我在页面中所有的name都是以对象.字段的形式写的， name在后台我就不用一个个的获取这些参数了，因为后台做
2021-04-12
weixin_49081527的博客
04-12 448
idea 编写html script 部分方法提示 Unresolved 的解决方法 前几天更新了idea，js中使用getElements或alter等方法总是报Unresolved variable or type XXX警告，查了很多文章没有找到解决方法 最终瞎鼓捣好了 如下File–invalidate caches–invalidate and restart 待idea重启后即可解决问题 ...
出现Unresolved variable or type $ 的原因
fish_detective的博客
07-25 3488
Unresolved variable or type $ 的原因
layui表格插入json数据，parseData函数转化为layui标准格式后，分页功能失效的问题
weixin_48203270的博客
07-11 1149
这个表格的render实例中是有一个data属性值的，但是如果用render中的url直接请求，就不用配置这个data属性了，但是就会出现分页不管用的情况，什么原因不清除，我自己是尝试了一下使用data配置项中的数据，分页管用了，所以就可以先用ajax请求数据赋给一个全局变量，这里我用的是同步加载请求，下面是改后的代码。学习记录和开发的问题记录，有不专业的地方忘各位大佬指正。一样的部分没贴，这些是后加上的部分和改动的部分。
LayUI表单获取不到data中field值的解决办法
精哥哥
01-21 3449
以查看是form表单是否缺少了class=“layui-form”
layui动态表格动态获取数据undefined？
客官不爱喝酒的博客
06-13 3321
layui动态表格undefined解决方案问题所在错误代码：正确代码： 问题所在 前几天在使用layui的动态表格渲染数据的时候，使用ajax请求动态获取数据的时候，出现了undefined，我一直想不同是怎么回事，但是一想到ajax是异步请求，那就是说，差不多跟多线程一样，有点那个意思，就是ajax请求的时候，是异步的，并不影响js代码向下执行，也就是说你的数据表格里面的部分数据渲染完成了，但是ajax请求的数据，还未获取回来，那么就导致数据表格在获取的时候某一列出现undefined，解决办法就是：在
layui表格根据某个字段排序
06-08
如果你使用的是 layui 的表格组件，可以通过以下方式根据某个字段进行排序： 1. 在表格初始化时设置排序方式： ```javascript table.render({ elem: '#test', url: '/api/getData', cols: [[ {field:'id', title:'ID', sort:true}, {field:'name', title:'姓名'}, {field:'age', title:'年龄', sort:true}, {field:'city', title:'城市'} ]], page: true }); ``` 在上述代码中，通过设置 `sort: true` 来启用排序功能。同时，在 `sort:true` 的列中，点击表头即可实现排序。 2. 动态设置排序： ```javascript // 按照年龄从大到小排序 table.sort('test', 'age', 'desc'); ``` 在上述代码中，`table.sort` 函数的第一个参数为表格的 id，第二个参数为要排序的字段名，第三个参数为排序方式（`asc` 表示升序，`desc` 表示降序）。 通过以上两种方式，你可以实现根据某个字段进行排序的功能。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值