New to KendoReactLearn about KendoReact Free.

ColumnBaseProps

NameTypeDefaultDescription

cell?

React.ComponentType<C>

Defines the component rendered as a cell. If not set, a Cell renders.

className?

string

Sets custom CSS classes on the column cells.

field?

string

Sets the data field that the column binds to.

format?

string

Applies a format to the value before display. Takes the {0:format} form where format is a standard number format, a custom number format, a standard date format, or a custom date format. For more information on supported formats see the kendo-intl documentation.

headerClassName?

string

Sets custom CSS classes on the header cell.

headerSelectionValue?

boolean

Indicates that the header selection checkbox is checked when true.

id?

string

Sets the column id for distinguishing columns (multi header, resize, or keyboard navigation scenarios). Also used as the unique key for rendering cells. If not set, a unique id is generated.

minResizableWidth?

number

10

Sets the minimum resize width (in pixels).

orderIndex?

number

0

Determines the column position. Smaller orderIndex values render first.

reorderable?

boolean

true

Enables column reordering when true.

resizable?

boolean

true

Enables column resizing when true.

sortable?

boolean | ColumnSortSettings

true

Enables header click to emit the sortChange event. Handle sortChange to sort the data.

title?

string

Sets the column header text.

width?

string | number

Sets the width of the column (in pixels).

Not finding the help you need?
Contact Support