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
|