@anchor-it/antd-table v1.1.1

@anchor-it/antd-table

anchor components library table by ant.design

Install

Use npm:

npm install --save @anchor-it/antd-table

Use yarn:

yarn add @anchor-it/antd-table -S

Usage

import React, { Component } from 'react';
import { TableComponent, tableSelectionMode } from '@anchor-it/antd-table';

const { multiple } = tableSelectionMode;

class TestTable extends Component {
  static propTypes = {};

  state = {
    data: [],
    loading: false,
    pageNum: 1,
    pageSize: 12,
    selectedKeys: [],
    selectedRowsData: [],

    cols: [
      {
        key: 0,
        title: 'id',
        dataIndex: 'id',
      },
      {
        key: 1,
        title: '姓名',
        dataIndex: 'name',
      },
      {
        key: 2,
        title: '性别',
        dataIndex: 'sex',
      },
      {
        key: 3,
        title: '手机号码',
        dataIndex: 'phone',
      },
    ],
  };

  handlePaginationOnChange = () => {};

  handleOnSort = () => {};

  render() {
    return (
      <TableComponent
        ref={(node) => (this.table = node)}
        loading={this.state.loading}
        dataSource={this.state.data}
        primaryKey={'id'}
        isShowPagination={true}
        selectedRowKeys={this.state.selectedKeys}
        selectedRowData={this.state.selectedRowsData}
        tablePagesize={this.state.pageSize}
        tableTotalRecord={this.state.total}
        tableSelectionMode={multiple}
        tableOnChange={this.handleTableOnChange}
        paginationOnChange={this.handlePaginationOnChange}
        currentPage={this.state.pageNum}
        onSort={this.handleOnSort}
        cols={this.state.cols}
      />
    );
  }
}

export default TestTable;

Api