效果如下:
有两种方法,本质都是使用slot。
官方定义表格至少提供两个数据,columns定义了每一列的名字和表格数据对应的key,data是传进去的表格数据,是个列表[ ],里面的每一个{ }是表格的一行,{ }的key在colums中定义。
<a-table :columns="columns" :data-source="data">
如果想要给表格的内容换行,只需要在对应colums定义的地方加入槽,意味着不是直接返回输入的值,而是返回槽内的模板。
最简单就是在定义colums时声明这个列返回的是槽,并且自定义槽的名字,然后在HTML的模板table中具体写这个槽渲染什么,像这个text就是传入这个td的值。
<a-table
bordered
size="middle"
row-key="id"
:columns="col4"
:scroll="{x: 600}"
:data-source="list"
:hideOnSinglePage="false"
:pagination=