How to modify the element table header style part?

want to achieve the following effect:

Code


    <span>{{scope.row.stock }} / {{scope.row.stock }}</span>
  </template>
</el-table-column>

Vue.js table element-ui

Apr.05,2021

F12 open the console
to see what the generated html dom is, so that you know where to change,

lable does not support that html, can only be text, but can this be the main theme of us?
I have come up with a workaround, using css after

give you an effect

https://jsfiddle.net/5nez6qmo/4/

render-header column header Function Function (h, {column, $index} used for Label area rendering)--

Previous: On the question of the size of the laravel and yii framework project packages, why are the packages downloaded by composer more than 100m?

Next: Will using js to hide dom elements be judged by search engines as SEO cheating?

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-1ea56c2-1d53.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-1ea56c2-1d53.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?