效果:
table中换行显示
代码:
table如常写:
<a-table :columns="columns" :data-source="data" row-key="id"></a-table>
columns中要换行显示的列添加customRender:
columns: [
{
title: '问题',
dataIndex: 'question',
ellipsis: true, // 超过宽度将自动省略
},
{
title: '答案',
dataIndex: 'answer',
ellipsis: true,
customRender: (text, record, index) => {
const answer = text.split('\n')
return (
faqAnswer.map(item => {
return (<li>{item}</li>)
})
)
}
}
]