element ui Table 表格 合并列以后,行高变高,请问如何解决?

作者站长头像
站长
· 阅读数 15

element ui Table 表格 合并列以后,行高变高,请问如何解决?

if(columnIndex === 0){
            return [1, 1];
        }else if(columnIndex === 1){
            if (row.children != undefined) {
            return [1, 9];//合并几行到第几列
        }
        }else if(columnIndex === 2){
          return [1, 1];
        }else if(columnIndex === 3){
          return [1, 1];
        }else if(columnIndex === 4){
          return [1, 1];
        }else if(columnIndex === 5){
          return [1, 1];
        }else if(columnIndex === 6){
          return [1, 1];
        }else if(columnIndex === 7){
          return [1, 1];
        }else if(columnIndex === 8){
          return [1, 1];
        }else{
            return [0, 0];
        }

当最后一列只有一个按钮时就正常了

<el-table-column prop="cz" label="操作" align="center" show-overflow>
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="text"
                  @click="handleQr(scope.row)"
                  >确认</el-button
                > 
                <!-- <el-button
                  size="mini"
                  type="text"
                  @click="handleTj(scope.row)"
                  >提交工单</el-button
                > -->
              </template>
          </el-table-column>

element ui Table 表格 合并列以后,行高变高,请问如何解决?

回复
1个回答
avatar
test
2024-07-01

已解决

if (row.children != undefined) {
          if (columnIndex === 0) {
            return [1, 1]
          }else if(columnIndex === 1) {
            return [1, 9]
          }else{
            return [0, 0]
          }
        }
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容