# CGridCheckColumn
Defines checkbox column.
# Vue Template Structure
<div class="demo-grid small">
<c-grid
:data="records"
:frozen-col-count="1">
<c-grid-check-column
field="c1"
width="100"
>
Check1
</c-grid-check-column>
<c-grid-check-column
field="c2"
width="100"
>
Check2
</c-grid-check-column>
</c-grid>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
export default {
data() {
return {
records: [
{c1: true, c2: false},
{c1: false, c2: true},
{c1: true, c2: false},
{c1: false, c2: true},
{c1: true, c2: false},
{c1: false, c2: true},
{c1: true, c2: false},
{c1: false, c2: true},
{c1: true, c2: false},
{c1: false, c2: true},
]
}
}
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# Slots
# default
slot
Use this slot to set the header caption
# Properties
# Optional Properties
Name | Type | Description | Default |
---|---|---|---|
field | object |string |function | Defines a column data field | undefined |
width | number |string | Defines a default column width | undefined |
min-width | number |string | Defines a column min width | undefined |
max-width | number |string | Defines a column max width | undefined |
column-style | object |string |function | Defines a column style | undefined |
caption | string |function | Defines a header caption | '' |
disabled | boolean |function | Defines disabled | false |
readonly | boolean |function | Defines readonly | false |
colspan | number |string | Defines the layout colspan. This property can be used when defining in the layout-header and layout-body slots. | undefined |
filter | string |function | Defines a vue filter name | undefined |
header-action | object |string |function | Defines a column header action | undefined |
header-field | string | Defines a column header data field | undefined |
header-style | object |string |function | Defines a column header style | undefined |
header-type | object |string |function | Defines a column header type | undefined |
icon | object |string |function | Defines an icon | undefined |
message | object |string |function | Defines a Message generation method | undefined |
rowspan | number |string | Defines the layout rowspan. This property can be used when defining in the layout-header and layout-body slots. | undefined |
sort | string |function |boolean | Defines a sort | undefined |
# Methods
Name | Return Type | Description |
---|---|---|
invalidate | --- | Redraws the whole grid. |