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: