How to solve the problem that the initial rendering of the vue element-ui table component header does not occupy the whole row?

the vue element-ui table component header does not occupy the entire row in the initial rendering. The actual application scenario is what happens when switching different tables through the tab tab component. How to solve this problem? The following figure shows



style= "width: 100%;" add him


the form doesn't open when there is no data, right?
there are two ways to solve this problem:
1. Fixed header ratio, so that there must be no data are fixed size,
2. When there is no data in the initial rendering, do not display table, etc. When you have data return, display


el-table-column if you know the fixed width to el-table-column set width, do not know the fixed width set min-width, so that the table can automatically stand up, and you need at least one min-width when setting width

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