测试了一下 可以出现效果啊 有用 回复 Shane_Lu: 是我问的不清楚。tip是展示了,但是table里超出没有省略号。我想问的是这个。现在解决了,你把div换成span,就有省略号了。原因应该是show-overflow-tooltip 通过三个CSS属性实现:white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-overflow 指定...
设置text-overflow: ellipsis;overflow: hidden; white-space: nowrap;【必须】,用<nobr>标签页不行 此外还要 设置宽度width,宽度还不能是百分比,若设置百分比,什么值都无效,并且会导致显示内容挤掉其他列的情况【如下图】,需要设置为固定的px才能生效 === 以上均在 table 的 columns 已设置width 情况下进行:...
.el-table__header-wrapper th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 这段代码会将表头单元格的空白处理方式设置为不换行,并且隐藏溢出的内容,同时在文本超出时显示省略号。 自定义表头渲染函数: 如果ElementUI没有提供直接控制表头换行的选项,或者CSS样式未能生效,你可以考虑自定...
ellipsis: true,]} 注意，在 3.24.0 之前，你需要针对超长字段的列增加折断样式：columns={[...render: (text, record) => (<div style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}> {text} </div> ),]} 已经在 3.24.0 ⾥解决了超长字段破坏列对齐的问题，并增加了省略功能 ...
ellipsis: true,]} 注意，在 3.24.0 之前，你需要针对超长字段的列增加折断样式：columns={[...render: (text, record) => (<div style={{ wordWrap: 'break-word', wordBreak: 'break-word' }}> {text} </div> ),]} 已经在 3.24.0 ⾥解决了超长字段破坏列对齐的问题，并增加了省略功能 ...