<el-table-column label="Error Info." width="300">
<template slot-scope="scope">
<el-popover
placement="top-start"
width="300"
trigger="click"
v-if="scope.row.aerrorinfo != undefined && scope.row.aerrorinfo !=''"
>
<div style="width:100%;">
<el-scrollbar
wrap-class="list"
wrap-style="color: white;"
view-style="font-weight: normal;"
view-class="view-box"
:native="false"
>
<div
style="width:100%;min-height: 80px;margin-right:-17px;margin-bottom:-17px;margin-top:5px;overflow:hidden;padding-right:-10px"
>
<textarea
v-model="scope.row.aerrorinfo"
style="width:107%;height:150px;color: #e23442;border: none;padding-right:30px;word-wrap:break-word;"
></textarea>
</div>
</el-scrollbar>
</div>
<span slot="reference">{{scope.row.aerrorinfo.substr(0,150)+'...'}}</span>
</el-popover>
</template>
</el-table-column>
超出文字字数弹框显示滚动条
最新推荐文章于 2024-01-18 10:47:55 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)