<!--
 * @Description:
 * @Author: jiass
 * @Date: 2022-03-02 14:37:49
 * @LastEditTime: 2022-03-02 17:09:30
 * @LastEditors: jiass
-->

## Table 列表

![Alt](../../assets/table.jpg)

```tsx
import React, { useState, useEffect, useCallback } from "react";
import Table from "taro-mini-ui";

const tableData = [
  {
    amount: 39950704,
    floatValue: 1121494031,
    innerCode: 398605,
    marketType: 9,
    price: 6.1,
    secuAbbr: "流金岁月",
    secuCode: "834021.BJ",
    volume: 6584900,
    weekAvgPrice: 0.6985,
    zdf: -0.0049,
  },
  {
    amount: 39950704,
    floatValue: 1121494031,
    innerCode: 398605,
    marketType: 9,
    price: 6.1,
    secuAbbr: "流金岁月",
    secuCode: "834021.BJ",
    volume: 6584900,
    weekAvgPrice: 0.6985,
    zdf: -0.0049,
  },
  {
    amount: 39950704,
    floatValue: 1121494031,
    innerCode: 398605,
    marketType: 9,
    price: 6.1,
    secuAbbr: "流金岁月",
    secuCode: "834021.BJ",
    volume: 6584900,
    weekAvgPrice: 0.6985,
    zdf: -0.0049,
  },
  {
    amount: 39950704,
    floatValue: 1121494031,
    innerCode: 398605,
    marketType: 9,
    price: 6.1,
    secuAbbr: "流金岁月",
    secuCode: "834021.BJ",
    volume: 6584900,
    weekAvgPrice: 0.6985,
    zdf: -0.0049,
  },
];

const columns = [
  {
    id: 1,
    name: "股票名称",
    sortField: "",
    sortRule: "",
    render: () => <View>123123</View>,
  },
  { id: 2, name: "最新价", sortField: "price", sortRule: "" },
  { id: 3, name: "日涨跌幅", sortField: "zdf", sortRule: "" },
  { id: 4, name: "成交额(万)", sortField: "amount", sortRule: "" },
  { id: 5, name: "成交量(万)", sortField: "volume", sortRule: "" },
  { id: 6, name: "流通市值(亿元)", sortField: "floatValue", sortRule: "" },
];

export default () => {
  return (
    <Table
      data={tableData}
      hasMore={true}
      columns={columns}
      style={{ height: 200 }}
    ></Table>
  );
};
```

| 属性名   | 描述         | 类型     | 默认值 |
| -------- | ------------ | -------- | ------ |
| data     | 数据详情     | array    |        |
| columns  | 表头         | array    |        |
| onBottom | 滑到底部事件 | function |        |
| onClick  | 点击事件     | function |        |
| hasMore  | 是否还有数据 | boolean  |        |
| style    | 样式         | object   |        |
