el-table-column 如何全局设置宽度
时间: 2024-04-22 17:19:33 浏览: 181
indd_autocolumn:数字设置表格的所有列宽
el-table-column 可以通过设置全局样式来实现宽度的全局设置。你可以在 CSS 中为 el-table-column 设置一个全局的类名,并为该类名设置宽度样式。然后在 el-table-column 中使用该类名即可实现全局宽度设置。
以下是一个示例代码,演示如何通过全局样式设置 el-table-column 的宽度:
```html
<style>
.global-column {
width: 200px; /* 设置宽度样式 */
}
</style>
<el-table>
<el-table-column class="global-column" label="name" prop="name"></el-table-column>
<!-- 其他 el-table-column -->
</el-table>
```
在上述代码中,我们为 el-table-column 设置了一个类名 `.global-column`,并为该类名设置了宽度样式 `width: 200px;`。然后在 el-table-column 中使用该类名,即可实现全局宽度设置。
阅读全文