vueel-table-column
简介
vueel-table-column 是 Vue.js 中的一个组件,用于在表格中定义列。它提供了一套丰富的功能,可以轻松创建复杂的表格界面。
多级标题
基本用法
```vue
一级标题二级标题
```使用 `header` 插槽,可以为列标题创建自定义内容,可以通过 `header.level` 识别标题的层级。
多列多级标题
```vue
一级标题{{ header.column.label }}一级标题{{ header.column.label }}
```通过使用 `header.column.label`,可以访问列的标签,从而为每个列创建自定义多级标题。
内容详细说明
排序
使用 `sortable` 属性启用对列的排序:```vue
```
过滤
使用 `filterable` 属性启用列的过滤:```vue
```
自定义渲染
使用 `render` 插槽自定义列的内容:```vue
{{ row.name.toUpperCase() }}
```
单元格格式化
使用 `format` 属性对单元格内容进行格式化:```vue
```
粘性列
使用 `sticky` 属性将列固定在表格的一侧:```vue
```
**vueel-table-column****简介**vueel-table-column 是 Vue.js 中的一个组件,用于在表格中定义列。它提供了一套丰富的功能,可以轻松创建复杂的表格界面。**多级标题****基本用法**```vue
一级标题二级标题
```使用 `header` 插槽,可以为列标题创建自定义内容,可以通过 `header.level` 识别标题的层级。**多列多级标题**```vue
一级标题{{ header.column.label }}一级标题{{ header.column.label }}
```通过使用 `header.column.label`,可以访问列的标签,从而为每个列创建自定义多级标题。**内容详细说明****排序**使用 `sortable` 属性启用对列的排序:```vue
```**过滤**使用 `filterable` 属性启用列的过滤:```vue
```**自定义渲染**使用 `render` 插槽自定义列的内容:```vue
{{ row.name.toUpperCase() }}
```**单元格格式化**使用 `format` 属性对单元格内容进行格式化:```vue
```**粘性列**使用 `sticky` 属性将列固定在表格的一侧:```vue
```