GanttColumnProps
The props of the columns of the Gantt component.
Definition
Package:@progress/kendo-react-gantt
Properties
cell?
ComponentType<GanttCellProps>
Defines the component that will be rendered as a cell. If not set, a GanttCell will be rendered by default.
A collection of child columns.
className?
string
Sets custom CSS classes on the column cells.
columnMenu?
ComponentType<ColumnMenuProps>
The column menu component. Pass the ColumnMenuTextColumn, ColumnMenuNumericColumn, ColumnMenuDateColumn, ColumnMenuBooleanColumn or a custom component base on the type of the column data.
expandable?
boolean
If set to true, the column will render the icons that are used for expanding and collapsing child rows.
field?
string
Sets the data field that the column binds to.
filter?
ComponentType<GanttFilterCellProps>
Deprecated. Use filterCell prop instead.
filterCell?
ComponentType<GanttFilterCellProps>
Defines the component that will be rendered as a filter cell.
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.
headerCell?
ComponentType<GanttHeaderCellProps>
Defines the component that will be rendered as a header cell.
If not set, a GanttHeaderCell will be rendered by default.
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
Sets the minimum resize width (in pixels).
10
orderIndex?
number
Determines the column position. Smaller orderIndex values render first.
0
reorderable?
boolean
Enables column reordering when true.
true
resizable?
boolean
Enables column resizing when true.
true
sortable?
boolean | ColumnSortSettings
Enables header click to emit the sortChange event. Handle sortChange to sort the data.
true
title?
string
Sets the column header text.
width?
string | number
Sets the width of the column (in pixels).