Column component


The Column component implements a basic column in Listing.


Extends all UiElement configuration.

Column-specific configuration:

Option Description Type Default
bodyTmpl Path to the template used for rendering column's fields in the table's body. String ui/grid/cells/text
controlVisibility Whether a user can control column's visibility handled by the ColumnsControls component. Boolean true
disableAction Disables the action set in the templates.fieldAction property. Boolean false
draggable Defines if a user can change column's position in the table by grabbing column's header and dragging it across the table. Boolean true
editor String | Object
fieldClass Additonal CSS classes added to the column's field elements. {[name: String]: Boolean} ''
filter Reference to one of the available filter types defined in the Filters component. If the value represents an object containing the filterType field, this object is considered as an extension of the referenced filter element. If there's no such field in the value object, it is considered as a definition of a custom filter element. String | Object
headerTmpl Path to the .html template for the column's header. String ui/grid/columns/text
label The column label displayed in the header. String ''
sortable Whether column's fields can be used to sort records in a table. Boolean true
sorting Column's sorting order. Can be ascending (asc), descending (desc) or none (false). Setting sorting to false does not disable sorting, which is defined by the sortable option. asc | desc | Boolean false
statefull Defined in the parent uiElement class. {visible: true, sorting: true}
templates.fieldAction The action performed on the column's field click. ColumnAction -
visible Initial component's visibility. When set to false, the display: none CSS style is added to the component's DOM block. Boolean true

ColumnAction interface

Option Description Type Required
params A list of arguments that will be passed to the method. Array Optional
provider Reference to component. String Required
target Name of the component's method to be invoked. String Required

Reference API

JS constructor: Magento/Ui/view/base/web/js/grid/columns/column.js.