ANtd表格-基本-复选框

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()
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值