:show-overflow-tooltip="true
|
1
2
|
<el-table-column :show-overflow-tooltip=
"true"
prop=
"content"
label=
"內容"
width=
"400px"
header-align=
"center"
>
</el-table-column>
|
效果圖：
但是！
當內容太多的時候，他也是一行顯示，閱讀性差
所以我們應該嘗試使其換行
|
1
2
3
|
<style ang=
"scss"
>
.el-tooltip__popper{max-width: 400px}
</style>
|
注意：將此樣式放到scoped中是無效的
這樣的（設置最大寬度）是比較好的，當然也可以設置固定的寬高，就是內容太多的時候會顯示不下