| layout | group | subgroup | title | menu_title | menu_node | menu_order | github_link | redirect_from |
|---|---|---|---|---|---|---|---|---|
default |
UI Library |
C_Listing/Grid Secondary Components |
Resize Component |
Resize Component |
10 |
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 <your module root dir>/Magento/Ui/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: <your module root dir>/Magento/Ui/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