el-table设置最小宽度

在 Element UI 的 el-table 中，可以通过设置 `min-width` 属性来实现列的最小宽度限制。该属性可以应用于 `<el-table-column>` 组件或者 `<el-table>` 组件上。

例如，在 `<el-table>` 组件上设置最小宽度为 100px：

<el-table :data="tableData" :min-width="100">
  <!-- 表格列定义 -->
</el-table>

或者，在 `<el-table-column>` 组件上设置最小宽度为 80px：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" :min-width="80"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <!-- 其他表格列定义 -->
</el-table>

需要注意的是，`min-width` 属性只能在表格组件的根元素或者表格列组件上设置，无法直接应用于表格单元格。如果需要设置单元格的最小宽度，可以在表格列组件中自定义单元格的内容，并设置单元格内容的最小宽度。

相关问题

el-table设置表格宽度

您可以使用 `width` 属性来设置 el-table 的宽度，例如：

<el-table :data="tableData" width="100%">
  <!-- 表格列 -->
</el-table>

您还可以使用 CSS 样式来设置 el-table 的宽度，例如：

<el-table :data="tableData" class="my-table">
  <!-- 表格列 -->
</el-table>

.my-table {
  width: 100%;
}

请注意，如果您的表格中有固定宽度的列，则可能需要设置表格的最小宽度，以确保表格可以正确地显示。您可以使用 `min-width` 属性来设置表格的最小宽度，例如：

<el-table :data="tableData" class="my-table" style="min-width: 800px;">
  <!-- 表格列 -->
</el-table>

el-table-column最小宽度

el-table-column最小宽度可以通过动态绑定的方式进行设置。在代码中可以看到使用了:min-width="$$(widthEnum, [index], 'width')"来设置最小宽度。其中，widthEnum是一个对象，它包含了每一个el-table-column对应的最小宽度值。可以根据具体需求在widthEnum中设置每个列的最小宽度。通过这种方式，可以实现el-table-column的最小宽度的设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [VUE进阶之自定义表格每一列的宽度](https://blog.csdn.net/m0_37686209/article/details/125488656)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [el-table表格宽度自适应设置](https://blog.csdn.net/Fansr_/article/details/130420604)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [改变el-table宽度](https://download.csdn.net/download/qsj0606/13662215)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]