mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-03 16:39:41 +08:00
53 lines
1.4 KiB
Markdown
53 lines
1.4 KiB
Markdown
---
|
||
order: 5
|
||
title: Complex Table
|
||
---
|
||
|
||
Table is widely used to show complicated structued data.
|
||
|
||
---
|
||
|
||
## Showcase
|
||
|
||
### Multiple Columns
|
||
|
||
<img class="preview-img" align="right" alt="Multiple Columns Demo" src="https://os.alipayobjects.com/rmsportal/QZGYpJVtsTwFPmj.png">
|
||
|
||
Load more data or switch left/right by pressing buttons.
|
||
|
||
<br>
|
||
|
||
<img class="preview-img" align="right" alt="Custom Columns Demo" src="https://os.alipayobjects.com/rmsportal/zWUjQRpJZhYsZbY.png">
|
||
|
||
Allow user to choose columns they want.
|
||
|
||
<br>
|
||
|
||
<img class="preview-img" align="right" alt="Horizontal Scroll Demo" src="https://os.alipayobjects.com/rmsportal/UOTwZLweENvwlnL.png">
|
||
|
||
Fixed header，view more by scroll horizontally.
|
||
|
||
### With Icon
|
||
|
||
<img class="preview-img" align="right" alt="Table with Icon Demo" src="https://os.alipayobjects.com/rmsportal/OWEXWoGlsqyhVBB.png">
|
||
|
||
Emphasis with icon, use to show trend.
|
||
|
||
### With Chart
|
||
|
||
<img class="preview-img" align="right" alt="Table with Chart Demo" src="https://os.alipayobjects.com/rmsportal/znVwTXxQpXuVqPl.png">
|
||
|
||
Emphasis with chart, use to show trend.
|
||
|
||
### Two Dimension
|
||
|
||
<img class="preview-img" align="right" alt="Two Dimensional Table Demo" src="https://os.alipayobjects.com/rmsportal/RQvqwEkXpHaFago.png">
|
||
|
||
A title vertically and horizontally each.
|
||
|
||
### Mini-table
|
||
|
||
<img class="preview-img" align="right" alt="Mini-table Demo" src="https://os.alipayobjects.com/rmsportal/dMxxUThciHFQyXS.png">
|
||
|
||
Suitable for card and pop-ups where space is limited
|