JayCoder

element plus和这种table合并的逻辑怎么写？

"image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20250121/af7c037e35a4c0b4a982aed9be48784b.png) "Data": [ { "PatientName": "导管室光盘刻录", "sm": 5376.0, "ct": 216.0, "t": "微信", "total": 7186.0 }, { "PatientName": "导管室光盘刻录", "sm": 405.0, "ct": 16.0, "t": "支付宝", "total": 7186.0 }, { "PatientName": "导管室光盘刻录", "sm": 1405.0, "ct": 119.0, "t": "聚合付", "total": 7186.0 }, { "PatientName": "小儿内科（二）", "sm": 561.1, "ct": 133.0, "t": "微信", "total": 576.1 }, { "PatientName": "小儿内科（二）", "sm": 15.0, "ct": 9.0, "t": "支付宝", "total": 576.1 }, { "PatientName": "医疗服务（病历复印）", "sm": 12040.0, "ct": 888.0, "t": "支付宝", "total": 12040.0 }, { "PatientName": "医疗服务（营养科）", "sm": 4935.4, "ct": 80.0, "t": "支付宝", "total": 4935.4 }, { "PatientName": "医疗服务费（急诊））", "sm": 3203.6, "ct": 162.0, "t": "微信", "total": 3344.8 }, { "PatientName": "医疗服务费（急诊））", "sm": 141.2, "ct": 5.0, "t": "支付宝", "total": 3344.8 }, { "PatientName": "合计", "sm": 28082.3, "ct": 1628.0, "t": "", "total": 28082.3 } ], 我在objectSpanMethod中写逻辑，写了半天写不成，最关键的是需要合并的行个数不定，1，2，3，4，。。行合并都有可能。 const objectSpanMethod = ({row,column,rowIndex,columnIndex}) => { let count=data.list.filter((item)=>item.PatientName===row.PatientName).length if (columnIndex === 0 || columnIndex === 4) { /* if (rowIndex % count === 0) { return { rowspan: 2, colspan: 1, } } else { return { rowspan: 0, colspan: 0, } } */ } }

脑洞大咖

vue2封装的表格组件问题？

{{ scope.row[item.key] === 0 ? '信息' : '' }} {{ scope.row[item.key] }} {{ scope.row[item.key] }} {{ bytesToSize(Number(scope.row[item.key])) }} {{ item }} {{ scope.row[item.key] }} {{ scope.row[item.key] }} 这是封装的子组件的表格组件 添加行是在父组件里面实现的，把值传给子组件 当我添加新的一行的时候，没有问题，添加两行的时候form.num修改其中一个的时候另外一个也跟着修改，如何解决这个问题

素素数数

表格组件中如何自定义右键菜单？

如何在表格组件的表头部分定制右键，支持不同单元格显示不同菜单项目。

PX_13

layui的表格自带的隐藏列的功能问题？

https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/713ebcbfd2b45aac8ada27747c314c74.png 使用的说layui的表格自带的隐藏表格列的功能 现在想要实现的功能说如何在隐藏其中的几列以后，获取显示的列的数据，主要是获取除影藏以外的列的表头数据，这个数据需要传给后端 第一次用这个框架，麻烦各位大佬给个解决方法

0offer糕手

如何在不设置宽度的情况下让两个table水平对齐?

不设置宽度的情况下，有没有办法可以让两个 "table" 对其 # First Name Last Name Username 1 Eugene Kopyov @Kopyov 2 Victoria Baker @Vicky 3 James Alexander @Alex 4 Franklin Morrison @Frank Name Email Phone Number Country John john@example.com (353) 01 222 3333 Netherlands Mark mark@gmail.com (01) 22 888 4444 Switzerland Eoin eoin@gmail.com 0097 22 654 00033 Germany Sarah sarahcdd@gmail.com +322 876 1233 France Afshin afshin@mail.com (353) 22 87 8356 Norway

PunkMaccccc

Vue.js与Vuetify怎么实现可编辑的表格单元格？

vue-vuetify怎么实现表格单元格可编辑，并且能获取到输入的值呢？

加班使我熟睡

el-table树形结构数据使用sortablejs实现拖拽功能后，点击右侧操作按钮，第一次会闪动且没有反应，请问如何解决这个bug？

el-table树形结构数据使用sortablejs实现拖拽功能后，点击右侧操作按钮，第一次会闪动且没有反应，打印数据，显示第一次不会出发按钮事件，第二能正常触发，请问大佬们问题在哪？如何解决？谢谢！ "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240920/0926e247c0249f1c91f9364579108890.png)

kunkun小黑子

前端表格展示十万级数量的数据，有没有好的方案？

前端表格展示十万级数量的数据，有没有好的方案 就现有的UI库组件，页面会很卡

MastFancy

Vue 3 + Element Plus 中 el-table 展开所有行时如何避免卡顿并添加 Loading？

vue3+element plus项目，当使用了el-table的展开行时，想要实现全部展开功能，在全部展开时会卡顿，阻塞线程。 使用了":expand-row-keys="expandRowArr"",通过将key全部插入数组"expandRowArr.value = commentList.value.map(item => item.commentIndex)"，来实现全部展开的效果。 最开始使用的是"toggleRowExpansion"方法，但是因为在数据更新时会让所有展开行恢复初始状态，从而导致折叠，因此放弃了 目前的情况是如果数据量比较多的话，全部展开就会有很明显的卡顿，我希望设置一个loading来等待展开结束，但是在进行全部展开时会阻塞，导致无法正常添加loading。想问下这块该如何实现呢？

中年复健狗

如何修改el-table-column slot="header" 中的 el-checkbox 呢？

现在需要修改el-table-column slot="header" 中的 el-checkbox控制状态，选择表头的el-checkbox其他行checkbox都选中/取消这个已实现，但是当取消选择所有selected时，表头selectAll取消/选中失败，代码如下。js能打印出selectAll状态已发生改变，那么就是视图没有更新。思考了很久，没有找到合适的解决办法，请大佬们看看问题出现在哪里？谢谢！ selectionChange(row, isall){ console.log(row, isall, 1800); if(isall){ // 全选 row.shopList.forEach(item => { if(row.selectAll){ this.$set(item, 'selected', true); }else{ this.$set(item, 'selected', false); } }); }else{ // 单选 let selected = []; row.shopList.forEach(item=>{ if(item.selected === true){ selected.push(item); } }); if(selected.length === row.shopList.length){ this.$set(row, 'selectAll', true); } } },