el-table动态获取数据合并行列

el-table动态获取数据合并行列,第1张

动态-合并行

可能出现的情况:

一个同一订单号购买3个商品,

下一个同一订单号购买4个商品,

下一个同一订单号购买1个商品,

下一个同一订单号购买n个商品

1这里忽略数据处理,假设数据已经处理完成,并能正确的在表格中渲染出来。

2给 <el-table> 添加 处理行的方法 :span-method="objectSpanMethod"

3在 methods 中写对表格数据进行处理,找出需要合并的单元格的方法 getSpanArr() ,该方法需要加在页面渲染之前获取列表数据的方法中并传入列表需要渲染的数据作为参数

4在 methods 中写合并行的方法 objectSpanMethod()

参考文章:

element合并行或列

el-table动态获取数据合并行列

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>判断</title>

<!--table找到表格 tr:eq(1) 找到第二行,eq从0开始,td:eq(1)找到第二列text()得到信息(深圳网站建设=">

foreach(datarows

item

in

datatable)

{

dataset_stutables["学生表"]rows[0]["学生"];

//这样循环读取一行的每一个列的值

}

上面循环去读取可以把一列的每个值读取出来,我就是这样实现的。

这个简单,假如你的表格id为table,表格第一列为checkbox,然后在checkbox选中的情况下将表格所有第二列中的数据放到一个数组中

var data = [];$(function(){ $("#table")find(":checkbox:checked")each(function(){ var val = $(this)parent()next()text(); datapush(val); });});

以上就是关于el-table动态获取数据合并行列全部的内容,包括:el-table动态获取数据合并行列、JQuery怎么获取动态table的某行某列的值、c#怎么通过表头字段获得整个datatable的一列的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9526377.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存