ant-table 里表头标题宽度单独设置换行
时间: 2023-10-02 09:06:11 浏览: 224
用于设置ant-design-vue中table组件的列宽可拖拽
可以使用 `table-layout: fixed` 和 `white-space: normal` 属性来实现表头标题宽度单独设置换行。
具体操作如下:
1. 在 `table` 标签中添加 `style` 属性,设置 `table-layout: fixed` 。
```html
<table style="table-layout: fixed;">
```
2. 在 `th` 标签中添加 `style` 属性,设置 `white-space: normal`。
```html
<th style="white-space: normal;">表头标题</th>
```
这样设置后,当表头标题过长时,会自动换行。同时,其他列的宽度也不会受到该列宽度的影响。
阅读全文