• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

ColumnBaseProps

NameTypeDefaultDescription

cell?

React.ComponentType<CellProps>

Defines the component that will be rendered as a cell. If not set, a Cell will be rendered by default.

className?

string

Sets the custom CSS classes to the column cells.

field?

string

The field to which the column is bound.

format?

string

The format that is applied to the value before it is displayed. 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 the supported date and number formats, refer to the kendo-intl documentation.

headerClassName?

string

Sets the custom CSS classes to the column header cell.

headerSelectionValue?

boolean

Defines if the header selection checkbox is checked.

id?

string

The column identifier used to distinguish columns for example in multi column header scenarios with resize and keyboard navigation. Also used for unique key for rendering the component cells. If not set, the component will generate unique id automatically.

minResizableWidth?

number

The width of the column (in pixels) below which the user is not able to resize the column through the UI. Defaults to 10.

orderIndex?

number

Determinates the position of the column. Columns with smaller orderIndex will appear before columns with bigger orderIndex. Defaults to 0.

reorderable?

boolean

Indicates whether the column is reorderable.

resizable?

boolean

Indicates whether the column is resizable.

sortable?

boolean | ColumnSortSettings

Allows the column headers to be clicked and the sortChange event emitted. You have to handle the sortChange event yourself and sort the data. Defaults to true.

title?

string

The title of the column.

width?

string | number

The width of the column (in pixels).