## Table
### Semantic Parts
- root（`semantic-mark-root`）: Root element with font-size, background, border-radius, scrollbar-color and other basic table container styles
- section（`semantic-mark-section`）: Container element with clear-fix, max-width, scrollbar background and other table wrapper styles
- header.wrapper（`semantic-mark-header-wrapper`）: Header wrapper element with table header layout and container styles
- header.row（`semantic-mark-header-row`）: Header row element with table header row layout and styling
- header.cell（`semantic-mark-header-cell`）: Header cell element with relative positioning, padding, word-wrap, background, text color, font-weight and other header cell styles
- title（`semantic-mark-title`）: Title element with table title styling and layout
- body.wrapper（`semantic-mark-body-wrapper`）: Body wrapper element with table body layout and container styles
- body.row（`semantic-mark-body-row`）: Body row element with hover effects, selected states, expanded states and other interactive row styles
- body.cell（`semantic-mark-body-cell`）: Body cell element with relative positioning, padding, word-wrap and other basic data cell styles
- footer（`semantic-mark-footer`）: Footer element with table footer background color, text color and other footer styles
- content（`semantic-mark-content`）: Content element with table content area styling and layout
- pagination.root（`semantic-mark-pagination-root`）: Pagination root element with pagination component basic styles and layout
- pagination.item（`semantic-mark-pagination-item`）: Pagination item element with pagination item styling and interactive effects
### Usage Example
```tsx
```
### Abstract DOM Structure
```html
table title
|
thinkasany
|
24
|
New York No. 1 Lake Park
|
|
Jim Green
|
42
|
London No. 1 Lake Park
|
|
Joe Black
|
32
|
Sydney No. 1 Lake Park
|
```