八、合併行和列 和 九、表格內容的格式化

八、合併行和列

1、使用<el-table>的span-method屬性來實現單元格合併。
取值是函數，函數的返回值是數組。

2、例1：跨行合併（先判斷列下標）。

spanMethod({row,column,rowIndex,columnIndex}){
   if(columnIndex===1){
      if(rowIndex===6){ 
return [2,1];   //第一個元素爲跨行數，第二個元素爲跨列數
}

if(rowIndex===7) {
  return [0,0];   //刪除單元格
}
}
}

3、例2：跨列合併（先判斷行下標）

九、表格內容的格式化：

1、<el-table-column>的formatter屬性：
取值是函數。

<el-table-column :formatter=“format”>
format(row,column,cellValue,index){} 

2、爲表格添加是否成年列。

    isAdult(row,column,cellValue,index){
          if(row.age>=18){
            return '成年';
          }else{
            return '未成年';
          }
}

3、將地址分割爲省市兩列。

   privence(row){
          let index=row.address.indexOf('省');
          if(index!=-1){
            return row.address.slice(0,index+1);
          }else{
            return row.address;
          }
    },
    city(row){
          let index=row.address.indexOf('省');
          if(index!=-1){
            return row.address.slice(index+1);
          }
    }