八、合并行和列 和 九、表格内容的格式化

八、合并行和列

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);
          }
    }