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>

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