el-table

fixed错位问题

image.png

fixed之前的el-table-column加个宽度就解决了,width或者min-width都可以


查找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

element-ui

问题清单

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,831评论 0 11
  • 关于css常见问题,大多是移动端的。 简单的排版规则:条目与条目之间空两行,每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 10,462评论 0 9
  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 4,894评论 0 0
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,542评论 0 6
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 10,105评论 0 26