iview
秦时明月之安康
这个作者很懒,什么都没留下…
展开
-
table 组件指定列合并行方法
大多数table组件只提供了一个合并行或者合并列的抽象方法,例如 element ui 组件,该方法的参数解释及其用法如下,看得出来,rowspan代表每一行数据实际占用的行数,colspan代表每一行数据实际占用的列数,我们可以基于原始数据封装如下方法,export const getSpanMethodData = (data = [], columns = [ ]) => { let mergeColumns = {} // 用来记住合并列时数据的索引和重复的次数 let po原创 2021-01-25 16:13:41 · 845 阅读 · 0 评论 -
iview table 横向拖动表格内容滚动
当表格纵向滚动比较长的时候,横向滚动是很不方便的,要是横向可以拖动滚动就完美了,解决办法就是给表格添加拖动指令,代码如下:const directive = { inserted (my_el) { let el = my_el.querySelector('div.ivu-table-body'); el.style.cursor = 'grab'; el.onmousedown = function () { let gapX = event.clientX;原创 2020-10-12 11:40:24 · 2780 阅读 · 0 评论 -
table组件(iview和element )合并重复行方法
表格某一列(一般是前几列)合并重复出现的字段是很常见的需求,合并行之后表格看起来会比较清晰(分组),合并的前提是需要合并的字段已经按照升序(降序)排列好,核心算法如下:<template> <div> </div></template><script>export default { name: 'tmp', components: {}, data () { return { table: {原创 2020-09-17 10:33:39 · 880 阅读 · 0 评论