element ui表格设置border属性后拖动行表头,内容依旧是显示省略号
时间: 2024-02-18 19:04:49 浏览: 57
如果您在使用 Element UI 表格组件时设置了 `border` 属性,然后在拖动行表头时发现内容依旧显示省略号,可以尝试给表格的 `td` 元素设置 `white-space: normal` 样式,以解决内容显示不全的问题。
具体方法如下:
在表格组件的 `style` 中添加以下样式:
```css
.el-table__body td {
white-space: normal;
}
```
这样,当您拖动行表头时,表格的内容就能够完整地显示出来了。
相关问题
element ui表格设置border属性后拖动行,内容依旧是显示省略号
这个问题可能是由于表格的样式设置导致的。如果你设置了表格的`border-collapse`属性为`collapse`,那么在拖动行时,可能会出现内容省略号的问题。解决这个问题的方法是将`border-collapse`属性设置为`separate`。
你可以在表格的样式中添加以下代码:
```
.el-table {
border-collapse: separate;
}
```
这样设置后,拖动行时就不会出现内容省略号的问题了。
element ui表格设置border属性后拖动行表头,表内容的宽度随着表头自适应
如果您在使用 Element UI 表格组件时设置了 `border` 属性,然后在拖动行表头时发现表内容的宽度没有随着表头自适应,可以尝试使用 `fit` 属性来解决这个问题。
具体方法如下:
在表格组件上添加 `fit` 属性:
```html
<el-table :data="tableData" border :fit="true">
<!-- 表格列配置 -->
</el-table>
```
设置了 `fit` 属性后,表格的列宽会自适应表头的宽度,当拖动行表头时,列宽也会跟着自动调整。
注意:使用 `fit` 属性会使表格的列宽自适应,可能会影响到表格的显示效果,因此请根据实际情况选择是否使用。
阅读全文