Vue element ui Table component

how does the vue element ui table component modify the row height? Setting css in style does not work

Mar.18,2021

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

this allows you to modify the row height of a single column


the simplest thing is to remove the scoped attribute.
there are also some methods to refer to, each of which can:

  • remove scoped,. It says
  • create a common style file, overwrite the style of ElementUI, and introduce
  • globally
  • if you use a css preprocessor, you can learn about the depth selector
  • Select to the current class, through the parent selector and overwrite
Menu