---
hide: true
title: AutoScrollTable - 表格
order: 3
nav:
  order: 1
  title: 桌面组件
  path: /design
group:
  order: 2
  path: /universal
  title: 通用组件
---

# AutoScrollTable

## 代码示例

### 无线循环滚动的表格

<code src="./demos/autoScrollTable.tsx" background="#fff" height="400px"/>

## api

### AutoScrollTable

| 参数                | 说明          | 类型                                                                               | 默认值 |
| ------------------- | ------------- | ---------------------------------------------------------------------------------- | ------ |
| height              | 表格高度      | `string`                                                                           | 500px  |
| width               | 表格宽度      | `string`                                                                           | 100%   |
| id                  | 表格 id(必填) | `string`                                                                           | -      |
| gridTemplateColumns | 表格分布样式  | `string`(<https://developer.mozilla.org/zh-CN/docs/Web/CSS/grid-template-columns>) | -      |
| columns             | 列定义        | `TableColumn<T>[]`                                                                 | -      |

### columns 列定义

| 参数      | 说明               | 类型                                              | 默认值 |
| --------- | ------------------ | ------------------------------------------------- | ------ |
| title     | 标题               | `string`                                          | -      |
| dataIndex | key(必填)          | `string`                                          | -      |
| valueType | 值类型(选填)       | `option`                                          | -      |
| render    | 节点渲染函数(选填) | `(_: any, record: T, index: number) => ReactNode` | -      |