Table寬度滿版設定 - daniel-qa/Vue GitHub Wiki

Table寬度滿版設定想讓表格「自動滿版」有幾種方式：

• 方法 1：每列都設 minWidth，然後設 table 寬度 100%

<el-table :data="data" style="width: 100%;">
  <el-table-column prop="name" label="姓名" min-width="200"></el-table-column>
  <el-table-column prop="age" label="年齡" min-width="150"></el-table-column>
  ...
</el-table>

• 方法 2：為最後一欄加一個 width="auto" 的撐開列

你可以加一個空白欄，讓它自動填補剩餘空間（有點像「彈簧列」）：

<el-table-column label="" />

• 方法 3：強制使用固定寬度 (width)

但這樣就不會有彈性縮放，通常只適用在很窄的場景。

• 小結

  minWidth : 彈性撐開 (多欄位、內容不定時)

  width : 固定寬 ( 單欄固定、避免換行)

  撐開欄 ("") : 自動補滿 ( 讓畫面更美觀)