# ibiz-vue-pivottable

**Repository Path**: iBizModeling/ibiz-vue-pivottable

## Basic Information

- **Project Name**: ibiz-vue-pivottable
- **Description**: 透视表组件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-09-28
- **Last Updated**: 2023-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ibiz-vue-pivottable

## 简介

ibiz-vue-pivottable 是IBiz前端团队根据业务需要，重写的vue-pivottable透视表，项目直接可用。

## 安装

```
npm i ibiz-vue-pivottable
或
yarn add ibiz-vue-pivottable
```

## 快速开始

```
import { VuePivottable, VuePivottableUi } from 'ibiz-vue-pivottable';
import 'ibiz-vue-pivottable/dist/vue-pivottable.css';

export default {
    components: {
        VuePivottable,
        VuePivottableUi
    }
}
```

## API

### Props

| 参数                  | 类型及默认值                             | 描述                                                         |
| --------------------- | ---------------------------------------- | ------------------------------------------------------------ |
| data                  | (none, required)                         | 数据                                                         |
| vals                  | `Array` []                               | 属性名用作聚合器的参数                                       |
| cols                  | `Array` []                               | 要在cols区域中预填充的属性名称                               |
| rows                  | `Array` []                               | 要在行区域中预填充的属性名称                                 |
| rowTotal              | `Boolean` true                           | 显示总行数                                                   |
| colTotal              | `Boolean` true                           | 显示cols总数                                                 |
| aggregatorName        | `String` first key in `aggregators`      | 'aggregators '对象的键，指定用于计算的聚合器                 |
| locales               | `Object` 语音资源`locales.aggregators`   |                                                              |
| columns               | `Array` 指定列属性，默认为数据中的所有键 |                                                              |
| rendererName          | `String` Table                           | renderers对象的键，指定要使用的渲染器                        |
| valueFilter           | `Object` {}                              | 键是属性名称和值的对象是属性值-布尔值对的对象，它们表示要在计算和呈现中包含或排除的记录;用于预填充双击时出现的筛选器菜单 |
| sorters               | `Function or Object` {}                  | 通过属性名访问或调用，可以返回一个函数，该函数可以用作数组的参数。为输出目的排序。 |
| derivedAttributes     | `Object` {}                              | derivedAttributes                                            |
| rowOrder              | `String` key_a_to_z                      | 向渲染器提供行数据的顺序必须是' "key_a_to_z" '， ' "value_a_to_z" '， ' "value_z_to_a" '中的一个，按值排序，按行总数排序 |
| colOrder              | `String` key_a_to_z                      | 提供给渲染器的列数据的顺序必须是' "key_a_to_z" '， ' "value_a_to_z" '， ' "value_z_to_a" '中的一个，按值排序，按列总数排序 |
| tableMaxWidth         | `Number` 0                               | 表样式中max-width的值                                        |
| hiddenAttributes      | `Array` []                               | 包含要从UI中省略的属性名称                                   |
| hiddenFromAggregators | `Array` []                               | 包含要从聚合器参数下拉列表中省略的属性名称                   |
| hiddenFromDragDrop    | `Array` []                               | 包含要从聚合器参数下拉列表中省略的属性名称                   |
| sortonlyFromDragDrop  | `Array` []                               | 包含从UI的拖拽中排序的属性名                                 |
| disabledFromDragDrop  | `Array` []                               | 包含从UI的拖放部分禁用的属性名称                             |
| menuLimit             | `Number` 500                             | 双击菜单中要列出的值的最大数目                               |

## VuePivotTable

[vue-pivottable](https://github.com/Seungwoo321/vue-pivottable)

## 关于我们