element-ui的el-table组件左下角或右下角有空白部分

Posted 2023-04-01

参考技术A 解决方法也很简单，添加以下css样式就解决了，就是没有滚动条时，那个固定列为100%高度

查找element-ui中el-table组件的行数

<el-table :data="roleData" border stripe
                      highlight-current-row  :height="autoHeightRow" :row-class-name="rowClassName"  @row-click=‘handleRowClickRole‘ ref="RoleTable">
              <el-table-column type="index" label="序号" width="55"> </el-table-column>
              <el-table-column prop="RuleName" label="规则名称" width="180"> </el-table-column>
</el-table>

rowClassName({row, rowIndex}) {
        //把每一行的索引放进row
        row.index = rowIndex;
　　　　　console.log(row)
      },

一般情况下‘row-click‘方法只能获取该行数据，为了能获取到该行的行数index，用row-class-name给每一行都加上index，即可获取index