antd的表格加载样式
时间: 2023-11-14 13:10:23 浏览: 105
create-react-app使用antd按需加载的样式无效问题的解决
antd表格在加载数据时,可以显示一个加载中的样式,具体实现步骤如下:
1. 在表格组件中设置 loading 属性为 true,即可开启加载中样式。
```javascript
<Table dataSource={data} columns={columns} loading={true} />
```
2. 可以通过设置 `size` 属性来调整加载中样式的大小,其中 `small`、`middle`、`large` 三个值可选。
```javascript
<Table dataSource={data} columns={columns} loading={true} size="middle" />
```
3. 可以通过设置 `loadingIndicator` 属性自定义加载中的样式。
```javascript
<Table
dataSource={data}
columns={columns}
loading={true}
loadingIndicator={<Spin size="large" />}
/>
```
以上是antd表格加载中样式的实现方法,你可以根据需要进行调整。
阅读全文