# ClTable Table

> 数据表格组件，支持排序、筛选、固定列、合计行、行展开、单选/多选

- **标签名**: `<cl-table>`
- **引入**: `import { ClTable } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 |  |
| columns | `ColumnsInfo[]` | `() => []` | 是 |  |
| list | `Array` | `() => []` | 否 |  |
| totalLength | `Number` | `` | 否 |  |
| totalData | `Object` | `() => ({})` | 否 |  |
| isServer | `Boolean` | `true` | 否 |  |
| isParamTriggerServer | `Boolean` | `false` | 否 |  |
| isDisabled | `Boolean` | `false` | 否 |  |
| isLoading | `Boolean` | `true` | 否 |  |
| isShowInitLoadIng | `Boolean` | `true` | 否 |  |
| isPaginate | `Boolean` | `true` | 否 |  |
| pageOffset | `Number` | `0` | 否 |  |
| isPaginateLimit | `Boolean` | `true` | 否 |  |
| paginateLimit | `Number` | `10` | 否 |  |
| paginateLimitData | `Array` | `` | 否 |  |
| isOrder | `Boolean` | `false` | 否 |  |
| orderSort | `Array` | `() => []` | 否 |  |
| selectValue | `String, Number` | `` | 否 |  |
| checkedRowType | `String` | `'none'` | 否 |  |
| isShowCheckboxAll | `Boolean` | `true` | 否 |  |
| isScrollX | `Boolean` | `false` | 否 |  |
| isScrollXBottom | `Boolean` | `false` | 否 |  |
| isFixedHead | `Boolean` | `false` | 否 |  |
| scrollY | `Number` | `-1` | 否 |  |
| fixedColumnLeftIndex | `Number` | `-1` | 否 |  |
| fixedColumnRightIndex | `Number` | `-1` | 否 |  |
| isClickRowLinkage | `Boolean` | `false` | 否 |  |
| isElastic | `Boolean` | `false` | 否 |  |
| isElasticLoad | `Boolean` | `true` | 否 |  |
| rowClickKeyInvalid | `String` | `'.tr-click-invalid'` | 否 |  |
| rowClickKeyElastic | `String` | `'.tr-click-elastic'` | 否 |  |
| elasticIconCls | `Array` | `() => []` | 否 |  |
| elasticType | `String` | `'default'` | 否 |  |
| elasticData | `Object` | `() => ({})` | 否 |  |
| trIntervalNum | `Number` | `-1` | 否 |  |
| emptyText | `String` | `` | 否 |  |
| isHead | `Boolean` | `true` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| skTh | skTh 插槽 |
| skTotal | skTotal 插槽 |
| skTd | skTd 插槽 |
| skTdElastic | skTdElastic 插槽 |

## 方法

| 方法 | 说明 |
|------|------|
| getParamInfo() |  |
| refresh() | 刷新 |
| getData() |  |
| getSelectData() |  |
| loadStart() |  |
| loadStop() |  |
| loadElasticStart() |  |
| loadElasticStop() |  |
| closeElastic() |  |
| refreshResize() |  |

## 基础用法

```vue
<cl-table></cl-table>
```
