# CGridRadioColumn

Defines radio button column.

# Vue Template Structure

<div class="demo-grid small">
  <c-grid
    :data="records"
    :frozen-col-count="1">
    <c-grid-radio-column
      field="c1"
      width="100"
    >
      Radio1
    </c-grid-radio-column>
    <c-grid-radio-column
      field="c2"
      width="100"
    >
      Radio2
    </c-grid-radio-column>
  </c-grid>
</div>
1
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: false, c2: false},
        {c1: false, c2: false},
        {c1: false, c2: false},
        {c1: false, c2: false},
        {c1: false, c2: false},
        {c1: false, c2: false},
        {c1: false, c2: false},
        {c1: false, c2: false},
      ]
    }
  }
};
1
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
group function Define a function that returns a radio group. 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.