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
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e474e6-43b9c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e474e6-43b9c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?