layui表格一个单元格放多个数据

最新推荐文章于 2023-12-05 10:23:40 发布
最新推荐文章于 2023-12-05 10:23:40 发布
阅读量5.6k 收藏 3
点赞数
分类专栏： ASP.NET MVC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cjymym/article/details/95006079
版权

先上数据库表

销售订单表：
在这里插入图片描述
商品表：
在这里插入图片描述
销售订单明细表：
在这里插入图片描述
销售订单明细表中是1对多的关系
一个销售订单对多个商品
如果按常规的查询方法把数据返回到layui表格，会出现下面这种情况
在这里插入图片描述
而现在我需要把同一个销售订单的商品都放在同属的销售订单
让数据只出现两行。
首先在新建类的表格中用List 来接收数据
在这里插入图片描述
在查询时商品名称时可以用子查询
把查出来的商品名称以一个表格的形式返回
在这里插入图片描述
在视图这边用一个function遍历获取商品名称
然后把数据返回到表格
在这里插入图片描述
这就是最终的结果
在这里插入图片描述

3的奇迹
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Layui数据表格之单元格编辑方式
10-16
今天小编就为大家分享一篇Layui数据表格之单元格编辑方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui导出excel动态拆分单元格一个单元格显示多行数据合并单元格
撒野
03-30 2885
首先说明是不能拆分单元格的，因为单元格是最小单位。只能通过合并单元格来实现。 实现思路：点击导出按钮，去请求后端数据。data数据如下：
layui多个数据表格共存一个页面处理
热门推荐
凌云鹤YK
04-11 1万+
layui数据表格多个共存一个页面处理1、html代码2、jq代码3、数据表格重载方式 今天在做后台时，遇到一个棘手的问题，就是layui的数据表格如果两个表格在一个页面，每个表格有一个搜索查询的筛选条件，那么每个搜索结果对应的只能刷新一个数据表格。如下图，当搜索药品的时候只刷新左表，当搜索器材的时候只刷新右表。 通过上网查询资料和看layui的开发文档，最终实现效果，实现过程如下： 我的表格渲...
layui动态表格一对多，实现单元格合并
weixin_54685622的博客
12-29 595
以下代码实现表格单元格合并。下面方法实现表格单元格合并。
layui数据表格实现动态合并单元格呈现一对多数据展示以及点击选中效果
qq_41708308的博客
08-09 3392
  前言：   关于一对多数据展示，有的解决方式时通过定义两个表格的形式来呈现他们的关系，一个表格显示主表数据，另一个表格显示主表中某条数据关联的明细表数据，这样虽然也可以实现一对多数据的展示，但我觉得这样并不是最好的。就我所知道的缺点有一下三个： 两个表格数据，需要请求两次服务器获取数据信息 两个表格需要占用的UI面积过多 如果两个表格都涉及到较多操作，操作起来略显麻烦   通过上面所说的我们了解到，应该尽量使用一个表格来实现这种包含一对多数据的数据展示。那么接下来看看我是怎么实现这种数据展示的。使用
layui表格实现合计
刘学文的博客
09-16 9846
今天遇到了新的需求，要在表格中加一栏合计，这可愁坏了我，别误会，不是太难，而是不知道用哪种方法...... 毕竟作为一个程序员，办法总比问题多，细细思索之后，我想到了三种方案： (ps：如果着急的小伙伴，请直接看plan C) plan A：后台进行统...
Layui表格一个单元格显示多条数据
weixin_44540247的博客
07-16 8544
我们平时做一个项目的时候，数据表格是很重要的，它记录着实际应用的业务数据等，一般比较简单的表格都是一条数据中有多个信息，而每个信息所对应的要么是单一数据，要么是通过计算得出，而有时候我们也会遇上比较棘手的问题。 在数据库中存放的一条数据的某一项信息有多个数据，但在页面数据表格中显示却是一条数据。就比如说商品的属性，商品属性可以是一个属性，也可以是多个，对于一个属性来说就按照平时查询思路就可以解决，...
LayUI 数据表格 table表格在同一单元格换行显示2个数据 一个单元格放2个数据或多个数据
zhangbest5的专栏
11-27 2621
具体的自己实现去，我这里上思路和关键点 1、头部添加高度自适应 <style> .layui-table-cell { height: auto; } </style> </head> 2、<th>表头内 直接加<br> {field: 'xx', minWidth: 120,align: 'center', title: '字段1<br>字段2'}, 3、继续改造表头，并操作数据.
layui一个单元格展示两个数据
阳水平的博客
04-09 6186
layui 数据表格如何在同一个单元格展示两个数据? 参考: https://fly.layui.com/jie/44006/ 起作用代码,还可以进行排序: { field: 'telephone', minWidth: 180, title: '(区号)手机号', sort: true,templet: function(d){ return '('+ d.area_phone_num...
layui-table渲染带回车的返回数据并且多行显示
阿月的博客
04-16 1262
问题：layui-table渲染带回车的返回数据并且多行显示？ layui表格本身是不支持表格里面的数据显示多行的。因为里面内置的css属性决定的。 .layui-table-cell { height: 28px; line-height: 28px; padding: 0 15px; position: relative; overflow: hidde...
【layui】layui.table表格实现底部固定两行合计行
最新发布
XujiRe的博客
12-05 975
layui表格layui.table表格实现底部固定两行（如：本页合计，全部合计）；layui表格渲染完成后进行样式修改实现底部固定两行
layui表格动态添加|layui表格可编辑
08-24
layui表格动态添加|layui表格可编辑动态添加
LayUi数据表格自定义赋值方式
10-16
今天小编就为大家分享一篇LayUi数据表格自定义赋值方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui实现鼠标移动到单元格上显示数据的方法
10-16
今天小编就为大家分享一篇layui实现鼠标移动到单元格上显示数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui表格输入数值自动计算
flame的博客
07-29 7732
开发工具与关键技术：VS2015，ASP.NET MVC 撰写时间：2019年 7 月 27 日 先开启layui表格的单元格编辑 在想要开启单元格的列中输入edit:’text’，即可开启单元格编辑 通过监听单元格事件直接获取整行的数据 比如下面的图片中数量就是开启了单元格编辑 在数量单元格中输入数字 在单元格失去焦点的时候就获取一整行的数据 再把需要的值取出来进行计算 再把计算好的值赋...
ASP.NET MVC form表单提交
flame的博客
04-04 7507
开发工具与关键技术：vs2015 ASP.NET MVC 作者：李煜 撰写时间：2019年3月26日 ASP.NET MVC form表单提交 在C#中，form表单提交的方式有多种，这里就简单的介绍get和post 先说一下form表单，form表单里有两个属性，action和method action 等同与Url ，用于向指定的地方提交表单数据 method就是规定提交表单的方式，这里有...
C# NPOI流导出数据到Excel
flame的博客
05-16 4183
开发工具与关键技术：VS2015，ASP.NET MVC 作者：李煜 撰写时间：2019年5月16日 这里的NPOI导出数据用到的是SQL数据库，先引用数据库，接着实例化数据模型。 先说明一下这个逻辑关系 想要导出数据，那必须要先找到数据，用lingq语句查询数据 把数据转化为对象列表格式 创建工作簿(Excel) 为工作簿创建工作表并命名 创建表头 创建列并赋值 创建数据行 为工作簿命名 ...
layui表格用json格式分页数据
flame的博客
07-17 4004
开发工具与关键技术：VS2015，ASP.NET MVC 撰写时间：2019年 7 月 17 日 先定义两个类 第一个是用于分页 第二个是用于返回表格的数据 查询数据库的数据 把数据分页并把数据返回视图 视图用json接收数据 ...
layui表格的单元格没有id
06-10
是的，layui 表格的单元格默认情况下没有 id 属性。如果你需要操作某个单元格，可以使用表格的行列索引来定位单元格。 你可以通过 `table.cache` 方法获取表格数据，然后根据行列索引来获取单元格的值或者进行操作...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值