antd-vue表格内部换行
1.首先在table中添加插槽<a-table:columns="Colnums":data-source="tableData":pagination="{ pageSize:20 }"style="margin-top:16px"bordered><div
·
1.首先在table中添加插槽
<a-table
:columns="Colnums"
:data-source="tableData"
:pagination="{ pageSize:20 }"
style="margin-top:16px"
bordered>
<div
slot="txt"
slot-scope="value">
<span style="white-space: pre-line" >
{{ value }}
</span>
</div>
</a-table>
2.在表格属性中添加scopedSlots
{
title: '内容',
dataIndex: 'txt',
key: 'txt',
width: 450,
scopedSlots: { customRender: 'txt' },
},
3.在数据处理中,将换行分隔符转化为'\n'
desc_txt.replace(/<br>/g, '\n')
搞定~~~~~
我的理解是~~其实也就是把表格里的东西放到一个html的标签中,然后使其可以解析换行的标签
更多推荐
已为社区贡献5条内容
所有评论(0)