vue element ui 表格组件

Question

vue element ui 表格组件如何修改行高？在style里设置css不起作用

Answer 1

最简单的，去掉scoped属性。
还有一些方法可以参考，每种方法都可以：

• 去掉scoped，上面说了
• 建立一个公用样式文件，覆盖ElementUI的样式，并全局引入
• 如果使用了css预处理器，可以了解下深度作用选择器
• 通过父选择器选择到当前class，然后进行覆盖

Answer 2

<el-table-column fixed="right"label="操作"width="120">
      <template slot-scope="scope">
        <div style="line-height: 40px;">
        </div>
      </template>
 </el-table-column>

这样可以修改单独某个列的行高