2020-02-20 16:26:34 +08:00
|
|
|
# Table
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2020-02-20 16:26:34 +08:00
|
|
|
<!--single-column-->
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2020-02-20 16:26:34 +08:00
|
|
|
If you only want to render some basic table, use it. If you want to render structured data, see <n-a to="n-data-table">Data Table</n-a>.
|
|
|
|
|
|
|
|
|
|
## Demos
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2020-02-20 16:26:34 +08:00
|
|
|
```demo
|
|
|
|
|
basic
|
2020-02-23 12:08:48 +08:00
|
|
|
bordered
|
2020-03-03 18:08:58 +08:00
|
|
|
size
|
2020-02-23 12:08:48 +08:00
|
|
|
single-column
|
|
|
|
|
single-line
|
2020-02-20 16:26:34 +08:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Components
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2020-02-20 16:26:34 +08:00
|
|
|
You can use `n-table`, `n-thead`, `n-tbody`, `n-tr`, `n-th` and `n-td`.
|
2020-02-23 11:28:20 +08:00
|
|
|
|
|
|
|
|
## Props
|
2020-12-12 14:44:44 +08:00
|
|
|
|
2020-02-23 11:28:20 +08:00
|
|
|
### Table Props
|
2020-12-12 14:44:44 +08:00
|
|
|
|
|
|
|
|
| Name | Type | Default | Description |
|
|
|
|
|
| ------------- | -------------------------------- | ----------- | ----------- |
|
|
|
|
|
| bordered | `boolean` | `true` | |
|
|
|
|
|
| single-column | `boolean` | `false` | |
|
|
|
|
|
| single-line | `boolean` | `true` | |
|
|
|
|
|
| size | `'small' \| 'medium' \| 'large'` | `'medium'` | |
|
|
|
|
|
| theme | `'light' \| 'dark' \| string` | `undefined` | |
|
