Grid column properties
Click the name of the necessary property to see the details on its usage.
| Property | Description |
|---|---|
| adjust | (optional) false by default, defines whether the width of a column is automatically adjusted to its content |
| align | (optional) aligns data in a column: "left"/"center"/"right" |
| autoWidth | (optional) enables/disables the ability of a column to adjust its size to the size of Grid, false by default |
| closable | (optional) either allows closing a particular element of the group panel or makes it permanently enabled (PRO version only) |
| dateFormat | (optional) defines the format of dates. The date format must include delimiters (spaces or symbols), otherwise an error will be thrown |
| draggable | (optional) defines whether a column is draggable, false by default |
| editable | (optional) defines whether a column is editable, false by default |
| editorConfig | (optional) an object with configuration settings of the column's editor. The structure of this object depends on the specified type of the editor or the column |
| editorType | (optional) the type of an editor used in a column: "input"/"select"/"combobox"/"textarea"/"multiselect"/"datePicker" |
| footer | (optional) an array of objects with footer rows configuration |
| gravity | (optional) sets the relative width proportions for Grid columns |
| groupable | (optional) enables data grouping by the values of a certain column via the user interface (PRO version only) |
| header | (required) an array of objects with header rows configuration |
| hidden | (optional) defines whether a column is hidden, false by default |
| htmlEnable | (optional) allows using and displaying HTML content in a column. If set to false, the content of the column cells will be displayed as a string value, false by default |
| id | (required) the id of a column |
| mark | (optional) returns a template for marking a cell(s) or applies the desired CSS classes to cells with minimal/maximal values in a column |
| maxWidth | (optional) the maximal width to be set for a column |
| minWidth | (optional) the minimum width to be set for a column |
| numberMask | (optional) sets an input mask for entering number values |
| options | (optional) specifies a set of options to be displayed in the editor of a cell. It is required if you specify editorType:"select"/"combobox"/"multiselect" |
| patternMask | (optional) sets an input mask for entering number and string values according to a special pattern |
| resizable | (optional) defines whether a column can be resized, false by default |
| sortable | (optional) defines whether a column is sortable, true by default |
| summary | (optional) creates the list of calculated values based on the column's data. The defined list is available only at the column's level |
| template | (optional) a function which returns a template with content for a cell |
| tooltip | (optional) enables/disables the header tooltip, or sets the configuration object with the tooltip settings |
| tooltipTemplate | (optional) a function which returns a template for the content of the tooltip |
| type | (optional) the type of a column |
| width | (optional) the width of a column, 100 by default |
Example
Related articles: