鍍金池/ 問答/HTML/ vue element表格合并

vue element表格合并

clipboard.png如圖，第一列只要數(shù)據(jù)相同，就合并，但是官網(wǎng)的合并行數(shù)的是固定的

if (columnIndex === 0) {
          if (rowIndex % 2 === 0) {
            return {
              rowspan: 2,
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }

想問一下有沒有方法或者其他能用的插件

回答
編輯回答
局外人

https://jsfiddle.net/8r3L09rw/

2017年3月24日 12:24
編輯回答
挽青絲

我看了一下餓了嗎的文檔, 感覺是可以的啊
先根據(jù)第一列的數(shù)據(jù)排個(gè)序, 然后看餓了嗎的例子
這是傳入的參數(shù)({ row, column, rowIndex, columnIndex })
column是列的對(duì)象
如果當(dāng)前數(shù)據(jù)和前一行的數(shù)據(jù)一樣

return {
    rowspan: 0,
    colspan: 0
};

否則 向下循環(huán) 統(tǒng)計(jì)之后有多少個(gè)和當(dāng)前的數(shù)據(jù)一樣

return {
    rowspan: count,
    colspan: 1
};

提供個(gè)思路 你試試

2017年8月10日 02:49
編輯回答
愚念

這個(gè) 不能依靠 表格 的功能 你應(yīng)該在 放入 表格 之前就把 數(shù)據(jù) 處理完畢
然后 表格 只負(fù)責(zé)渲染
或者說 你 直接 切換 2個(gè) table
element 不熟悉

2017年9月13日 10:26