Skip to content

Latest commit

 

History

History
63 lines (44 loc) · 1.83 KB

ui-secondary-resize.md

File metadata and controls

63 lines (44 loc) · 1.83 KB
layout group subgroup title menu_title menu_node menu_order version github_link redirect_from
default
UI Library
C_Listing/Grid Secondary Components
Resize Component
Resize Component
10
2.0
ui-components/ui-secondary-resize.md
/guides/v2.0/ui-library/ui-secondary-resize.html

The Resize Component is responsible for resizing listing columns. The Resize component is not defined in definition.xml, but can be added if needed.

Integration

Resize can be switched on for any listing column like this:

{% highlight xml %} true 60 {% endhighlight %}

resizeDefaultWidth - set width value in pixels.

resizeEnabled - value can be set true, meaning the resize is switched on, or false, , meaning the resize is switched off for the column.

Configuration

The Resize component is currently configured as a plugin for the Listing component in <Magento_Ui_module_dir>/view/base/web/js/grid/listing.js. It has the following options:

  • resizeConfig

    • name
    • columnsProvider - can be a name of the Listing component
    • component
    • provider - can use listing provider

Resize JS Component Structure

Component elements

The following is the component's element: <Magento_Ui_module_dir>/view/base/web/js/grid/resize.js

Dependencies on other components

The Resize components does not depend on other components

Component Options

The following options are available:

  • rootSelector - the css selector for listing's root node
  • showLines - max lines of text allowed in column
  • minColumnWidth - minimum width of the column