Columns component

Overview

The Columns component is a collection of columns. It renders the <table> element and displays the records of the Listing component in this table.

Configuration options

Extends all UiCollection options.

Columns-specific options:

Option Description Type Default
displayMode Initial display mode. String 'grid'
displayModes List of available display modes. {
[name: string]: DisplayMode
}
{
value: 'grid',
label: 'Grid',
template: 'ui/grid/listing'
}
dndConfig Configuration of the [DragAndDrop component](/guides/v2.1/ui_comp_guide/components/listing/ui-draganddrop.html). Object Specified in the DragAndDrop component configuration.
stickyTmpl Path to the .html template used for the Toolbar component when it receives a fixed position. String ui/grid/sticky/listing
template Path to the component’s .html template. String ui/grid/listing
editorConfig Configuration of the [InlineEditing component](/guides/v2.1/ui_comp_guide/components/listing/ui-inlineediting.html). Object Specified in the InlineEditing component configuration.
viewSwitcherTmpl Path to the .html template for rendering the list of available display modes. By default this list is not displayed. String ui/grid/view-switcher

DisplayMode interface

Option Description Type Required
label Label for the list of available modes. String Optional
template Path to the .html template used to render listing in the selected mode. String Optional
value Mode's identifier. String Optional