---
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