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

先上数据库表

销售订单表：

商品表：

销售订单明细表：

销售订单明细表中是1对多的关系
一个销售订单对多个商品
如果按常规的查询方法把数据返回到layui表格，会出现下面这种情况

而现在我需要把同一个销售订单的商品都放在同属的销售订单
让数据只出现两行。
首先在新建类的表格中用List 来接收数据

在查询时商品名称时可以用子查询
把查出来的商品名称以一个表格的形式返回

在视图这边用一个function遍历获取商品名称
然后把数据返回到表格

这就是最终的结果

layui表格一个单元格放多个数据相关推荐

LayUI 数据表格 table表格在同一单元格换行显示2个数据一个单元格放2个数据或多个数据
具体的自己实现去,我这里上思路和关键点 1.头部添加高度自适应 <style>.layui-table-cell {height: auto;} </style> </h ...
layui表格合并单元格
思想:layui表格合并单元格,layui并没有给出相应的解决办法:那么我们可以在前端使用js将相邻并相同的单元格合并: 1.页面代码: <!DOCTYPE html> <html ...
elementUI中，实现一个单元格内显示两行数据，并用其中一个数据进行排序。
最近在公司中,有这样一个需求,表格中,一个单元格里面显示两行数据,并且可以使用其中一行进行排序,其中数据的样式也要实时变动.类似于下图这样的话,elementUI中自带的prop就不适合了.所以,需 ...
layui一个单元格展示两个数据
layui 数据表格如何在同一个单元格展示两个数据? 参考: https://fly.layui.com/jie/44006/ 起作用代码,还可以进行排序: { field: 'telephone', ...
layui表格合并单元格多表_layui动态表格之合并单元格
需求: 下面用excel表格大概模拟下需求,左边是原来的,要改成右边这样的: ①第一步:再生成表格后调用此方法,以合并重复的单元格done : function(res, curr, count) { ...
antd table设置表格一个单元格的字体颜色_微软Office三件套，各有一个效率神器，全都知道的人不超过1%...
我们都知道,微软Office三件套是指Word.Excel和Powerpoint,虽然微软Office套件还有诸如Outlook.Onenote等软件,但平时用得最多的,还是这三件套. 三件套其实构成 ...
antd table设置表格一个单元格的字体颜色_开源 UI 库中，唯一同时实现了大表格虚拟化和树表格的 Table 组件
背景有这样一个需求,一位 React Suite (以下简称 rsuite)的用户,他需要一个 Table 组件能够像 Jira Portfolio 一样,支持树形数据,同时需要支持大数据渲染. 截 ...
antd table设置表格一个单元格的字体颜色_alireacttable：高性能 React 表格组件
点击上方蓝字关注我们简介在前端开发中,表格一直都是最复杂的组件之一.表格不仅要支持丰富的操作(排序.过滤.搜索.分页.自定义列等),还要有非常好的性能以展示大量数据.很多组件库(例如 fusion ...
layui导出excel动态拆分单元格一个单元格显示多行数据合并单元格
需求如图首先说明是不能拆分单元格的,因为单元格是最小单位.只能通过合并单元格来实现. 实现思路:点击导出按钮,去请求后端数据.data数据如下: [{OrderNo: 'No637829645038 ...

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

layui表格一个单元格放多个数据相关推荐

最新文章

热门文章