对element ui el-table合并第一列

最新推荐文章于 2024-05-27 17:27:05 发布

记录学习的邹邹

最新推荐文章于 2024-05-27 17:27:05 发布

阅读量676

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_48290402/article/details/126286142

版权

<el-table
      ref="companyTable"
      width="100%"
      border
      :data="selections"
      :span-method="arraySpanMethod"
      @selection-change="handleSelectionChange"
    >
      <el-table-column 
         type="selection" 
         :reserve-selection="true"         
         :selectable="setCheckboxStatus"/>
      <el-table-column label="单位名称" prop="unitName" align="center" />
      <el-table-column label="行业名称"  prop="name" align="center">  
      </el-table-column>
 </el-table>

arraySpanMethod ({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (columnIndex === 0 && rowIndex === 0) {
          return {
            rowspan: this.selections.length,
            colspan: 1
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      }
    },