a-table
:columns="columns"
:data-source="data2"
:pagination="pagination2"
:loading="loading"
rowKey="collectId"
ref="table2"
@change="tableChange2"
:row-selection="{
selectedRowKeys: selectedRowKeys2,
onSelect: onSelect2,
onSelectAll: onSelectAll2,
onChange: onSelectChange2
}"
>
<template slot="collectId" slot-scope="text, record">
<span
class="link-color"
v-on:click.stop="clickCaseNumber(record)"
>
{{ text }}
</span>
</template>
</a-table>
pagination2: {
showSizeChanger: true,
showQuickJumper: true,
defaultCurrent: 1,
defaultPageSize: 10,
pageNo: 1,
pageSize: 10, // 默认每页显示数量
showTotal: total => `共${total}条`, // 显示总数
pageSizeOptions: ["10", "20", "50"], // 每页数量选项
total: 0,
current: 0,
buildOptionText: pageSizeOptions => `${pageSizeOptions.value}条/页`
},
// table事件
tableChange2(pagination, filters, sorter) {
this.pagination.pageNo = pagination.current
this.pagination.current = pagination.current
this.pagination.pageSize = pagination.pageSize
this.form.orderField = sorter.order === "ascend" ? "ASC" : "DESC"
this.form.sort = sorter.columnKey
this.getMdelList()
}
ANtd表格-基本-复选框
最新推荐文章于 2024-08-27 15:50:43 发布