<div class="aaa" v-for="(item, index) in listData" :key="index">
<div class="ccc">
? ? ? ? ? <a-table :row-selection="{ selectedRowKeys: item.selectedRowKeys, onChange: onSelectChange }" :columns="columns"
? ? ? ? ? ? :data-source="item.tableData" :pagination="item.pagination" @change="handleTableChange"
? ? ? ? ? ? :scroll="{ x: 0, y: 200 }" :rowKey="
? ? ? ? ? ? ? (row, tindex) => {
? ? ? ? ? ? ? ? return row.id + ',' + index
? ? ? ? ? ? ? }">
? ? ? ? ? ? <template slot="operation" slot-scope="text, record">
? ? ? ? ? ? </template>
? ? ? ? ? </a-table>
? ? ? ? </div>
? ? ? </div>
?data() {
? ? return {
? ? ? listData: [
? ? ? ? {
? ? ? ? ? tableData: [{ id: '1.1' }, { id: '1.2' }, { id: '1.3' }, { id: '1.4' }, { id: '1.5' }],
? ? ? ? ? selectedRowKeys: [],
? ? ? ? ? pagination: {
? ? ? ? ? ? pIndex: 0,
? ? ? ? ? ? current: 1,
? ? ? ? ? ? pageSize: 2,
? ? ? ? ? ? pageSizeOptions: ['10', '20', '30'],
? ? ? ? ? ? showQuickJumper: false,
? ? ? ? ? ? showSizeChanger: false,
? ? ? ? ? ? total: 0,
? ? ? ? ? ? showTotal: total => `共有 ${total} 條數(shù)據(jù)`,? //分頁(yè)中顯示總的數(shù)據(jù)
? ? ? ? ? },
? ? ? ? },
? ? ? ? {
? ? ? ? tableData: [{ id: '2.1' }, { id: '2.2' }, { id: '2.3' }, { id: '2.4' }, { id: '2.5' }],
? ? ? ? ? selectedRowKeys: [],
? ? ? ? ? pagination: {
? ? ? ? ? ? pIndex: 1,
? ? ? ? ? ? current: 1,
? ? ? ? ? ? pageSize: 2,
? ? ? ? ? ? pageSizeOptions: ['10', '20', '30'],
? ? ? ? ? ? showQuickJumper: false,
? ? ? ? ? ? showSizeChanger: false,
? ? ? ? ? ? total: 0,
? ? ? ? ? ? showTotal: total => `共有 ${total} 條數(shù)據(jù)`,? //分頁(yè)中顯示總的數(shù)據(jù)
? ? ? ? ? },
? ? ? ? },
? ? ? ? {
? ? ? ? tableData: [{ id: '3.1' }, { id: '3.2' }, { id: '3.3' }, { id: '3.4' }, { id: '3.5' }],
? ? ? ? ? selectedRowKeys: [],
? ? ? ? ? pagination: {
? ? ? ? ? ? pIndex: 2,
? ? ? ? ? ? current: 1,
? ? ? ? ? ? pageSize: 2,
? ? ? ? ? ? pageSizeOptions: ['10', '20', '30'],
? ? ? ? ? ? showQuickJumper: false,
? ? ? ? ? ? showSizeChanger: false,
? ? ? ? ? ? total: 0,
? ? ? ? ? ? showTotal: total => `共有 ${total} 條數(shù)據(jù)`,? //分頁(yè)中顯示總的數(shù)據(jù)
? ? ? ? ? },
? ? ? ? }
? ? ? ],
? ? ? tableData: [], //表格數(shù)據(jù)
? ? ? columns: [
? ? ? ? {
? ? ? ? ? align: 'left',
? ? ? ? ? dataIndex: '',
? ? ? ? ? title: '編號(hào)',
? ? ? ? },
? ? ? ? {
? ? ? ? ? align: 'left',
? ? ? ? ? dataIndex: ''zd1',
? ? ? ? ? title: '字段1',
? ? ? ? },
? ? ? ? {
? ? ? ? ? align: 'left',
? ? ? ? ? dataIndex: ''zd2',
? ? ? ? ? title: '字段2',
? ? ? ? },
? ? ? ? {
? ? ? ? ? align: 'left',
? ? ? ? ? dataIndex: ''zd3',
? ? ? ? ? title: '字段3',
? ? ? ? },
? ? ? ? {
? ? ? ? ? align: 'left',
? ? ? ? ? dataIndex: ''zd4',
? ? ? ? ? title: '字段4',
? ? ? ? },
? ? ? ? {
? ? ? ? ? align: 'left',
? ? ? ? ? dataIndex: 'zd5',
? ? ? ? ? title: '字段5',
? ? ? ? },
? ? ? ? {
? ? ? ? ? align: 'center',
? ? ? ? ? title: '操作',
? ? ? ? ? width: 120,
? ? ? ? ? dataIndex: 'operation',
? ? ? ? ? scopedSlots: { customRender: 'operation' },
? ? ? ? },
? ? ? ],
? ? }
? },
? methods: {
? //分頁(yè)
? ? handleTableChange(pagination, filters, sorter) {
? ? ? console.log('handleTableChange:' + pagination.pIndex);
? ? ? this.listData[pagination.pIndex].pagination.current = pagination.current
? ? },
? ? //勾選
? ? onSelectChange(selectedRowKeys) {
? ? ? let keyData = selectedRowKeys[0].split(',')
? ? ? let dataIndex = Number(keyData[1])
? ? ? this.listData[dataIndex].selectedRowKeys = selectedRowKeys
? ? },
}
