ThumbnailColumn component

Overview

The ThumbnailColumn component implements a column containing images associated with records of the table. Each field of this column contains an image preview. When a user click on the preview, a pop up window with the detailed view opens.

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

ThumbnailColumn configuration

Extends all Column configuration.

ThumbnailColumn-specific configuration:

Option Description Type Default
bodyTmpl Path to the template used for rendering a column's fields in the table's body. String ui/grid/cells/thumbnail
fieldClass Additonal CSS classes added to the column's field elements. {[name: string]: boolean} {'data-grid-thumbnail-cell': true}