vxe-table
春晓_春眠花落
总会有人给你定标签,觉得你不行!
没有人可以定义我,我就是我自己!
展开
-
【vue+vex-table】翻页保留复选框选中状态
在 reduce 方法的回调函数中,对于每个新的 item,先检查 obj 中是否有该 id 的键。如果没有,则将其添加到 prev 数组中,并在 obj 中设置该键的值为 1;如果有已选项 setCheckedRow,则遍历 listSource中的所有项,并检查是否有该项在已选数组中。将分页数据以key为1,值为数组的形式保存,比如当前分页是第一页selectedData:{1:records},复选框事件中把当前页的存到对应的分页下,点击分页调列表接口时,再根据每一页的数组进行回显。原创 2024-02-06 18:03:12 · 1014 阅读 · 2 评论 -
【vxe-table】@enter.keyup.native实现在列表中回车光标向右移动聚焦及vxe-table的一些方法的使用(具体实现+踩坑篇)
【vxe-table】@enter.keyup.native实现在列表中回车光标向右移动聚焦及vxe-table的一些方法的使用(具体实现+踩坑篇)原创 2023-09-08 16:40:33 · 1356 阅读 · 0 评论 -
【vxe-table】自定义表头列是否可以排序
我一开始的思路有点问题,我想着把这个showIcon改为false,是不是能解决,答案是不能,它控制的是一整个表头的排序图标是否显示或隐藏,这里卡了一下,然后翻看示例,发现column上有个sortable。vxe-table和el-table有个很大的区别,就是vex-table有很多的配置项,圈起来的sort-config就是排序配置项。今天给我提了个bug,vxe-table要支持指定列排序,意思就是根据某个字段的状态,符合状态的列可以排序,不符合的不允许排序。vxe-table封装成组件了。原创 2023-04-27 18:02:01 · 1015 阅读 · 0 评论 -
【vxe-table】复选框设置为单选,隐藏表头复选框
首先要加配置项checkbox-config,触发方式为row,才会点击行勾选当前行的复选框选中状态。我这有个tab切换,每个tab都是一个列表,切换回来的时候,勾选的状态还要在。el-table复选框只允许点击单选的话,可以这样。所以在tab的tab-click事件中,再处理一下。vxe-table和el-table有些许不同。vxe-table的话稍稍麻烦些。原创 2023-04-23 14:08:30 · 2591 阅读 · 2 评论 -
【vxe-table】表尾合计行,数据处理方法footer-method的使用
然后说vxe-table的表尾合计,也不难,show-footer和footer-method搭配使用。当我们使用el-table的时候,文档上相对清晰的给出了示例,浅浅的截下图。show-summary和summary-method配合使用。基本上不需要改什么,直接用就可以。原创 2023-04-14 16:10:17 · 4181 阅读 · 2 评论 -
【vxe-table】动态删除当前行,el-table动态删除当前行,获取列表当前行索引
最近开始使用vxe-table了,多记录,多积累el-table动态删除当前行和vex-table动态删除当前行主要说操作列el-table通过scope.$index获取当前行索引 <el-table-column width="60" label="操作" align="center"> <template slot-scope="scope"> <el-button @click="de原创 2022-05-17 11:47:24 · 4017 阅读 · 10 评论 -
【vxe-table】和【el-table】调整列(单元格)背景色,指定列背景色设置,两层或多层表头也适用
el-table调整列背景色效果图C、D、E三列上面还有一层表头,这三列插槽里是span标签,只需要回显值,如果要动态输入使用输入框的话,可能要深度改样式,输入框的背景色是白色的,我们设置的列背景色在它下面。使用el-table的cell-style方法 <el-table ref="airunitTable" class="vetifiTable" border原创 2022-05-21 11:03:33 · 8437 阅读 · 0 评论