Toolbar component


The Toolbar component implements a container for the listing-related elements like paging, mass actions, filters, bookmarks. That is, it aggregates all elements that serve as tools and renders them at the top of the main table.

Constructor: app/code/Magento/Ui/view/base/web/js/grid/toolbar.js

Toolbar configuration

Extends all UiCollection configuration.

Toolbar-specific configuration:

Option Description Type Default
sticky Whether the toolbar has a fixed position. When set to true, elements like paging, filters, and table headers stay in the viewport's area, no matter where the scroll position is. Boolean false
stickyClass A list of aditional CSS classes added to the root node of the .html template specified in StickyTmpl. {
[name:string]: Boolean
'sticky-header': true
stickyTmpl Path to the toolbar's template for the fixed position. String ui/grid/sticky/sticky
template Path to the component’s .html template. String ui/grid/toolbar