Skip to content

Commit c52465a

Browse files
committed
add column hidden api
1 parent c8eaf3b commit c52465a

File tree

8 files changed

+133
-1
lines changed

8 files changed

+133
-1
lines changed
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<template>
2+
<div>
3+
<tpl
4+
:desc="desc"
5+
:anchor="anchor"
6+
:table-data="db.columnHiddenOption.data"
7+
:columns="db.columnHiddenOption.columns"
8+
/>
9+
</div>
10+
</template>
11+
<script>
12+
import tpl from "@/comp/api-tpl";
13+
import { db } from "./db";
14+
export default {
15+
components: { tpl },
16+
props: {
17+
anchor: {
18+
type: String,
19+
default: "Column hidden option",
20+
},
21+
desc: {
22+
type: String,
23+
default: "columnHiddenOption",
24+
},
25+
},
26+
data() {
27+
return {
28+
db: db,
29+
};
30+
},
31+
};
32+
</script>

examples/src/docs/en/ve-table/api/db.js

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -506,6 +506,16 @@ export const db = {
506506
desc: `Stop all cell editing <a href='#/en/doc/table/cell-edit?anchor=ke-kong-bian-ji'>Refer To Demo</a>`,
507507
param: "-",
508508
},
509+
{
510+
name: "hideColumnsByKeys",
511+
desc: `Hide columns <a href='#/en/doc/table/column-hidden?anchor=instance-methods'>Refer To Demo</a>`,
512+
param: "keys",
513+
},
514+
{
515+
name: "showColumnsByKeys",
516+
desc: `Show columns <a href='#/en/doc/table/column-hidden?anchor=instance-methods'>Refer To Demo</a>`,
517+
param: "keys",
518+
},
509519
],
510520
columns: columnsType2,
511521
},
@@ -802,6 +812,20 @@ export const db = {
802812
columns: columnsType1,
803813
},
804814

815+
// 列隐藏配置
816+
columnHiddenOption: {
817+
data: [
818+
{
819+
param: "defaultHiddenColumnKeys",
820+
desc: `<code>v2.11.0</code> Set default hidden columns`,
821+
type: `<code>Array</code>`,
822+
optionalVal: "-",
823+
default: "-",
824+
},
825+
],
826+
columns: columnsType1,
827+
},
828+
805829
// 单元格样式配置
806830
cellStyleOption: {
807831
data: [

examples/src/docs/en/ve-table/api/main.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@
99
<InstanceMethods />
1010
<!-- cell Span Option -->
1111
<CellSpanOption />
12+
<!-- column hidden Option -->
13+
<ColumnHiddenOption />
1214
<!-- cell Style Option -->
1315
<CellStyleOption />
1416
<!-- Row Style Option -->
@@ -43,6 +45,7 @@ import VirtualScrollOption from "./virtual-scroll-option-props";
4345
import SortOption from "./sort-option-props";
4446
import CellSpanOption from "./cell-span-option-props";
4547
import EventCustomOption from "./event-custom-option-props";
48+
import ColumnHiddenOption from "./column-hidden-option-props";
4649
import CellStyleOption from "./cell-style-option-props";
4750
import RowStyleOption from "./row-style-option-props";
4851
import CellSelectionOption from "./cell-selection-option-props";
@@ -54,6 +57,7 @@ export default {
5457
InstanceMethods,
5558
CellSpanOption,
5659
EventCustomOption,
60+
ColumnHiddenOption,
5761
CellStyleOption,
5862
RowStyleOption,
5963
ExpandOption,

examples/src/docs/en/ve-table/column-hidden/main.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,22 @@
44
<Explain />
55
<DefaultHiddenColumnKeys />
66
<InstanceMethods />
7+
<API title="API" anchor="API" desc="columnHidden" />
78
</div>
89
</template>
910
<script>
1011
import Explain from "./explain.md";
1112
import DefaultHiddenColumnKeys from "./default-hidden-column.md";
1213
import InstanceMethods from "./instance-methods.md";
14+
import API from "../api/column-hidden-option-props";
1315
1416
export default {
1517
name: "basic-main",
1618
components: {
1719
Explain,
1820
DefaultHiddenColumnKeys,
1921
InstanceMethods,
22+
API,
2023
},
2124
};
2225
</script>
Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<template>
2+
<div>
3+
<tpl
4+
:desc="desc"
5+
:anchor="anchor"
6+
:table-data="db.columnHiddenOption.data"
7+
:columns="db.columnHiddenOption.columns"
8+
/>
9+
</div>
10+
</template>
11+
<script>
12+
import tpl from "@/comp/api-tpl";
13+
import { db } from "./db";
14+
export default {
15+
components: { tpl },
16+
props: {
17+
anchor: {
18+
type: String,
19+
default: "列隐藏配置",
20+
},
21+
desc: {
22+
type: String,
23+
default: "columnHiddenOption",
24+
},
25+
},
26+
data() {
27+
return {
28+
db: db,
29+
};
30+
},
31+
};
32+
</script>

examples/src/docs/zh/ve-table/api/db.js

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -179,14 +179,20 @@ export const db = {
179179
optionalVal: "-",
180180
default: "false",
181181
},
182-
183182
{
184183
param: "cellSpanOption",
185184
desc: "单元格合并配置,具体见下表 cellSpanOption 配置",
186185
type: "<code>Object</code>",
187186
optionalVal: "-",
188187
default: "-",
189188
},
189+
{
190+
param: "columnHiddenOption",
191+
desc: "列隐藏配置,具体见下表 columnHiddenOption 配置",
192+
type: "<code>Object</code>",
193+
optionalVal: "-",
194+
default: "-",
195+
},
190196
{
191197
param: "cellStyleOption",
192198
desc: "单元格样式配置,具体见下表 cellStyleOption 配置",
@@ -506,6 +512,16 @@ export const db = {
506512
desc: `停止所有单元格编辑 <a href='#/zh/doc/table/cell-edit?anchor=ke-kong-bian-ji'>参考示例</a>`,
507513
param: "-",
508514
},
515+
{
516+
name: "hideColumnsByKeys",
517+
desc: `隐藏列 <a href='#/zh/doc/table/column-hidden?anchor=shi-li-fang-fa'>参考示例</a>`,
518+
param: "keys",
519+
},
520+
{
521+
name: "showColumnsByKeys",
522+
desc: `显示列 <a href='#/zh/doc/table/column-hidden?anchor=shi-li-fang-fa'>参考示例</a>`,
523+
param: "keys",
524+
},
509525
],
510526
columns: columnsType2,
511527
},
@@ -802,6 +818,20 @@ export const db = {
802818
columns: columnsType1,
803819
},
804820

821+
// 列隐藏配置
822+
columnHiddenOption: {
823+
data: [
824+
{
825+
param: "defaultHiddenColumnKeys",
826+
desc: `<code>v2.11.0</code> 设置默认隐藏的列`,
827+
type: `<code>Array</code>`,
828+
optionalVal: "-",
829+
default: "-",
830+
},
831+
],
832+
columns: columnsType1,
833+
},
834+
805835
// 单元格样式配置
806836
cellStyleOption: {
807837
data: [

examples/src/docs/zh/ve-table/api/main.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@
99
<InstanceMethods />
1010
<!-- cell Span Option -->
1111
<CellSpanOption />
12+
<!-- column hidden Option -->
13+
<ColumnHiddenOption />
1214
<!-- cell Style Option -->
1315
<CellStyleOption />
1416
<!-- Row Style Option -->
@@ -43,6 +45,7 @@ import VirtualScrollOption from "./virtual-scroll-option-props";
4345
import SortOption from "./sort-option-props";
4446
import CellSpanOption from "./cell-span-option-props";
4547
import EventCustomOption from "./event-custom-option-props";
48+
import ColumnHiddenOption from "./column-hidden-option-props";
4649
import CellStyleOption from "./cell-style-option-props";
4750
import RowStyleOption from "./row-style-option-props";
4851
import CellSelectionOption from "./cell-selection-option-props";
@@ -54,6 +57,7 @@ export default {
5457
InstanceMethods,
5558
CellSpanOption,
5659
EventCustomOption,
60+
ColumnHiddenOption,
5761
CellStyleOption,
5862
RowStyleOption,
5963
ExpandOption,

examples/src/docs/zh/ve-table/column-hidden/main.vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,22 @@
44
<Explain />
55
<DefaultHiddenColumnKeys />
66
<InstanceMethods />
7+
<API title="API" anchor="API" desc="columnHidden 列隐藏配置" />
78
</div>
89
</template>
910
<script>
1011
import Explain from "./explain.md";
1112
import DefaultHiddenColumnKeys from "./default-hidden-column.md";
1213
import InstanceMethods from "./instance-methods.md";
14+
import API from "../api/column-hidden-option-props";
1315
1416
export default {
1517
name: "basic-main",
1618
components: {
1719
Explain,
1820
DefaultHiddenColumnKeys,
1921
InstanceMethods,
22+
API,
2023
},
2124
};
2225
</script>

0 commit comments

Comments
 (0)