挨踢老王
vue+element ui 表格自定义样式溢出隐藏
就是这样的效果啦!!!
行内样式关键代码
<el-table-column label="经营品类" align="center">
<template slot-scope="{ row }">
<div
style="
text-align: left;
overflow: hidden; //关键代码
text-overflow: ellipsis; //关键代码
white-space: nowrap; //关键代码
"
>
{{ row.category }}
</div>
</template>
</el-table-column>
学到了
{!{data:image/webp;base64,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}!}