Table 示例

```js
<Table
  rowSelection={{
    onChange: (selectedRowKeys, selectedRows) => {
      console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
    },
    getCheckboxProps: (record) => ({
      disabled: record.name === 'Disabled User', // Column configuration not to be checked
      name: record.name
    })
  }}
  columns={[
    {
      title: 'Name',
      dataIndex: 'name',
      render: (text) => <a href="javascript:;">{text}</a>
    },
    {
      title: 'Age',
      dataIndex: 'age'
    },
    {
      title: 'Address',
      dataIndex: 'address'
    }
  ]}
  dataSource={[
    {
      key: '1',
      name: 'John Brown',
      age: 32,
      address: 'New York No. 1 Lake Park'
    },
    {
      key: '2',
      name: 'Jim Green',
      age: 42,
      address: 'London No. 1 Lake Park'
    },
    {
      key: '3',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    },
    {
      key: '4',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    },
    {
      key: '5',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    },
    {
      key: '6',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    },
    {
      key: '7',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    },
    {
      key: '8',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    },
    {
      key: '9',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    },
    {
      key: '10',
      name: 'Joe Black',
      age: 32,
      address: 'Sidney No. 1 Lake Park'
    }
  ]}
  headerBar={<div style={{ height: '52px' }} />}
  scroll={{ y: 'calc( 50vh - 50px )' }} //支持高度自适应，例： scroll={{ y: 'auto' }}
  onReachEnd={console.log}
/>
```

滚动到底部加载更多(部分代码)

```js
<div>see code</div>;
{
  /*
import { observable } from 'mobx';
import React, { Component } from 'react';
import { Table, LoadingIcon } from 'shoplazza-sdk';
import { observer, inject } from 'mobx-react';
import Axios from 'axios';

@inject('loading')
@observer
class Detail extends Component {
  @observable
  list = [];

  @observable
  page = 1;

  @observable
  total = 0;

  async componentDidMount() {
    const res = await Axios.get(`admin/orders?per_page=3&deal_status=undeal&page=${this.page}`);
    this.list = res.data.orders;
    this.total = res.data.count;
  }

  async onReachEnd() {
    if (this.page * 3 < this.total && !this.props.loading.all) {
      this.page++;
      const res = await Axios.get(`admin/orders?per_page=3&deal_status=undeal&page=${this.page}`);
      this.list = this.list.concat(res.data.orders);
      this.total = res.data.count;
    }
  }

  render() {
    return (
      <div>
        <Table
          rowKey="id"
          columns={[
            {
              title: 'id',
              dataIndex: 'id',
              render: text => <div style={{ height: '200px' }}>{text}</div>
            },
            {
              title: 'number',
              dataIndex: 'number'
            },
            {
              title: 'create_at',
              dataIndex: 'create_at'
            }
          ]}
          dataSource={this.list}
          scroll={{ y: 300 }}
          onReachEnd={this.onReachEnd.bind(this)}
          footer={() => {
            return (this.props.loading.all) ? <LoadingIcon /> : null;
          }}
        />
      </div>
    );
  }
}
export default Detail;


*/
}
```