Updated code for view\/adminhtml\/ui_component\/blogmanager_blog_listing.xml<\/em> file<\/p>\n\n\n\n Please use the online diff checker<\/a> to easily see what’s different from the last version of this file. The only thing different here is that we have added a new column tag for content. In that tag, we have used class=”Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns\\Content”. By adding the class we are telling Magento that we will provide the data for this column with this class. All the UI component-related php files are created under Ui\/Component<\/em><\/em> folder.<\/p>\n\n\n\n Now let’s create the Content class as Ui\/Component\/Listing\/Columns\/Content.php<\/em><\/p>\n\n\n\n Code for Ui\/Component\/Listing\/Columns\/Content.php<\/em> file<\/p>\n\n\n\n So what we are doing here is that we are looping through all the rows and updating the content<\/em> column to show only 20 characters. For updating the data, we are using the prepareDataSource<\/em> method.<\/p>\n\n\n\n We use this technique when we need to perform some operations before showing the data or when the data is not coming from our table.<\/p>\n\n\n\n Now if you browse, you will see the content column,<\/p>\n\n\n\n We will be implementing a feature in the next few blogs with which the admin will be able to manage the status of the blog. That’s why we have added the status column, which will be 0 or 1. In the status column, we are showing 0 or 1 instead it will be better if we show text labels such as Disabled or Enabled.<\/p>\n\n\n\n So for that as you may have guessed we need to make changes in view\/adminhtml\/ui_component\/blogmanager_blog_listing.xml<\/em> <\/p>\n\n\n\n Updated code for view\/adminhtml\/ui_component\/blogmanager_blog_listing.xml<\/em> file<\/p>\n\n\n\n Only changes you will find here are in the column tag. We are using a select component that will replace the value with the label. We will provide key-value pair with the options class Webkul\\BlogManager\\Model\\Blog\\Status<\/em>. <\/p>\n\n\n\n In an earlier section, I mentioned that all the PHP files related to the ui component<\/a> should be in Ui\/Component folder but this class is not limited to ui component, we can use it front-end too. So I will create it in the model folder (it’s a general convention).<\/p>\n\n\n\n In the filter tag, we have mentioned that it is a select type so in the filter section you will find a multi-select dropdown for this column. <\/p>\n\n\n\n Now let’s see the option class Model\/Blog\/Status.php<\/em><\/p>\n\n\n\n Code for Model\/Blog\/Status.php<\/em> file<\/p>\n\n\n\n Here we are creating an associative array and returning it in the toOptionArray<\/em> method.<\/p>\n\n\n\n Whenever we have any such column which has options, like Yes\/No or Bad\/Neutral\/Good, etc. we use this technique.<\/p>\n\n\n\n Now if you check the Manage Blog page, you will see the changes,<\/p>\n\n\n\n In the grid, we are showing the customer id in the User column which is not very helpful. Instead of the id, we should show the customer’s name. We can do this by creating a class for the column but then we will not be able to perform sorting and filtering on that column.<\/p>\n\n\n\n This is because the column data get modified later. What I mean by this is that at first the original SQL query gets executed (in our virtual class) then we loop through the rows that we get as a result of the SQL query.<\/p>\n\n\n\n So if we want sorting and filtering to work we need to modify the SQL, for that, we need to create the actual data provider class instead of using the virtual class.<\/p>\n\n\n\n The customer data are stored in the “customer_grid_flat” table. We can join our table with the customer table to get the name. <\/p>\n\n\n\n Now let’s see this in code. First, we will create the data provider class as Model\/ResourceModel\/Blog\/Grid\/Collection.php<\/em> this is the general convention to create the data provider or grid collection of a table alongside the collection class of that table.<\/p>\n\n\n\n Code for Model\/ResourceModel\/Blog\/Grid\/Collection.php<\/em> file<\/p>\n\n\n\n You don’t have to worry about all the methods. We have to understand only _renderFiltersBefore<\/em> and _initSelect<\/em> methods. <\/p>\n\n\n\n $this->getTable(‘customer_grid_flat’)<\/strong> This will give the table name by adding the table prefix if any.<\/p>\n\n\n\n We already know about the getSelect<\/em>, $this->getSelect()<\/strong> will give access to the SQL query of this class. We are performing left join with the joinLeft<\/em> method. Then we are joining the customer_grid_flat table on ‘main_table.user_id = cgf.entity_id’<\/em>, where cgf <\/em>is an alias for customer_grid_flat<\/em>. And we are getting the customer name in the user_name<\/strong><\/em> column.<\/p>\n\n\n\n The actual SQL query will look like this,<\/p>\n\n\n\n We also need to map this column alias in the _initSelect<\/em> method otherwise the filter will not work.<\/p>\n\n\n\n Updated code for etc\/di.xml<\/em> file<\/p>\n\n\n\n Here we have changed the tag virtualType to type. And we are providing the arguments as before. If you check the grid class you will find these arguments in the __construct<\/strong> method. <\/p>\n\n\n\n Updated code for view\/adminhtml\/ui_component\/blogmanager_blog_listing.xml<\/em> file<\/p>\n\n\n\n Now you should see something like,<\/p>\n\n\n\n Please check out these blogs to learn more about join in SQL,<\/p>\n\n\n\n Folder Structure,<\/p>\n\n\n\n A reliable Magento development company<\/a> can customize the admin grid to improve store management efficiency.<\/p>\n\n\n\n Previous Blog -> Magento 2 Development 16: uiComponent and di.xml<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<?xml version="1.0" encoding="UTF-8"?>\n<listing xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd">\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="provider" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <item name="deps" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <\/item>\n <item name="spinner" xsi:type="string">blogmanager_blog_columns<\/item>\n <\/argument>\n <dataSource name="blogmanager_blog_listing_data_source">\n <argument name="dataProvider" xsi:type="configurableObject">\n <argument name="class" xsi:type="string">Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\DataProvider<\/argument>\n <argument name="name" xsi:type="string">blogmanager_blog_listing_data_source<\/argument>\n <argument name="primaryFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="requestFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="update_url" xsi:type="url" path="mui\/index\/render"\/>\n <item name="storageConfig" xsi:type="array">\n <item name="indexField" xsi:type="string">entity_id<\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/argument>\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/provider<\/item>\n <\/item>\n <\/argument>\n <\/dataSource>\n <listingToolbar name="listing_top">\n <bookmark name="bookmarks"\/>\n <columnsControls name="columns_controls"\/>\n <filters name="listing_filters">\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="templates" xsi:type="array">\n <item name="filters" xsi:type="array">\n <item name="select" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/form\/element\/ui-select<\/item>\n <item name="template" xsi:type="string">ui\/grid\/filters\/elements\/ui-select<\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/filters>\n <paging name="listing_paging"\/>\n <\/listingToolbar>\n <columns name="blogmanager_blog_columns">\n <column name="entity_id">\n <settings>\n <filter>textRange<\/filter>\n <label translate="true">ID<\/label>\n <resizeDefaultWidth>25<\/resizeDefaultWidth>\n <\/settings>\n <\/column>\n <column name="user_id">\n <settings>\n <filter>text<\/filter>\n <label translate="true">User<\/label>\n <\/settings>\n <\/column>\n <column name="title">\n <settings>\n <filter>text<\/filter>\n <label translate="true">Title<\/label>\n <\/settings>\n <\/column>\n <column name="content" class="Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns\\Content">\n <settings>\n <filter>false<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Content<\/label>\n <\/settings>\n <\/column>\n <column name="status">\n <settings>\n <filter>text<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Status<\/label>\n <\/settings>\n <\/column>\n <column name="updated_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Updated<\/label>\n <\/settings>\n <\/column>\n <column name="created_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Created<\/label>\n <\/settings>\n <\/column>\n <\/columns>\n<\/listing><\/pre>\n\n\n\n
<?php\nnamespace Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns;\n\nclass Content extends \\Magento\\Ui\\Component\\Listing\\Columns\\Column\n{\n \/**\n * Prepare Data Source\n *\n * @param array $dataSource\n * @return array\n *\/\n public function prepareDataSource(array $dataSource)\n {\n if (isset($dataSource['data']['items'])) {\n $fieldName = 'content';\n foreach ($dataSource['data']['items'] as &$item) {\n $item[$fieldName] = substr($item[$fieldName], 0, 20).'...';\n }\n }\n return $dataSource;\n }\n}<\/pre>\n\n\n\n![\"2021-03-05_11-03\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2021-03-05_11-03-1200x414.png\")
<\/figure>\n\n\n\n
Select Option type Column<\/h3>\n\n\n\n<?xml version="1.0" encoding="UTF-8"?>\n<listing xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd">\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="provider" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <item name="deps" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <\/item>\n <item name="spinner" xsi:type="string">blogmanager_blog_columns<\/item>\n <\/argument>\n <dataSource name="blogmanager_blog_listing_data_source">\n <argument name="dataProvider" xsi:type="configurableObject">\n <argument name="class" xsi:type="string">Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\DataProvider<\/argument>\n <argument name="name" xsi:type="string">blogmanager_blog_listing_data_source<\/argument>\n <argument name="primaryFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="requestFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="update_url" xsi:type="url" path="mui\/index\/render"\/>\n <item name="storageConfig" xsi:type="array">\n <item name="indexField" xsi:type="string">entity_id<\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/argument>\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/provider<\/item>\n <\/item>\n <\/argument>\n <\/dataSource>\n <listingToolbar name="listing_top">\n <bookmark name="bookmarks"\/>\n <columnsControls name="columns_controls"\/>\n <filters name="listing_filters">\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="templates" xsi:type="array">\n <item name="filters" xsi:type="array">\n <item name="select" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/form\/element\/ui-select<\/item>\n <item name="template" xsi:type="string">ui\/grid\/filters\/elements\/ui-select<\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/filters>\n <paging name="listing_paging"\/>\n <\/listingToolbar>\n <columns name="blogmanager_blog_columns">\n <column name="entity_id">\n <settings>\n <filter>textRange<\/filter>\n <label translate="true">ID<\/label>\n <resizeDefaultWidth>25<\/resizeDefaultWidth>\n <\/settings>\n <\/column>\n <column name="user_id">\n <settings>\n <filter>text<\/filter>\n <label translate="true">User<\/label>\n <\/settings>\n <\/column>\n <column name="title">\n <settings>\n <filter>text<\/filter>\n <label translate="true">Title<\/label>\n <\/settings>\n <\/column>\n <column name="content" class="Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns\\Content">\n <settings>\n <filter>false<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Content<\/label>\n <\/settings>\n <\/column>\n <column name="status" component="Magento_Ui\/js\/grid\/columns\/select">\n <settings>\n <options class="Webkul\\BlogManager\\Model\\Blog\\Status"\/>\n <dataType>select<\/dataType>\n <filter>select<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Status<\/label>\n <\/settings>\n <\/column>\n <column name="updated_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Updated<\/label>\n <\/settings>\n <\/column>\n <column name="created_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Created<\/label>\n <\/settings>\n <\/column>\n <\/columns>\n<\/listing><\/pre>\n\n\n\n
<?php\nnamespace Webkul\\BlogManager\\Model\\Blog;\n\nuse Magento\\Framework\\Data\\OptionSourceInterface;\n\nclass Status implements OptionSourceInterface\n{\n \/**\n * Converts to option array\n *\n * @return array\n *\/\n public function toOptionArray()\n {\n $options = [];\n $options[] = ['label' => 'Disabled', 'value' => 0];\n $options[] = ['label' => 'Enabled', 'value' => 1];\n return $options;\n }\n}<\/pre>\n\n\n\n![\"2021-03-05_12-16\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2021-03-05_12-16-1200x570.png\")
<\/figure>\n\n\n\n
_renderFiltersBefore<\/h3>\n\n\n\n<?php\nnamespace Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\Grid;\n\nuse Magento\\Framework\\Api\\Search\\SearchResultInterface;\nuse Magento\\Framework\\Search\\AggregationInterface;\nuse Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\Collection as BlogCollection;\nuse Magento\\Framework\\Data\\Collection\\EntityFactoryInterface;\nuse Psr\\Log\\LoggerInterface;\nuse Magento\\Framework\\Data\\Collection\\Db\\FetchStrategyInterface;\nuse Magento\\Framework\\Event\\ManagerInterface;\nuse Magento\\Framework\\Model\\ResourceModel\\Db\\AbstractDb;\n\nclass Collection extends BlogCollection implements SearchResultInterface\n{\n \/**\n * Dependency Initilization\n *\n * @param EntityFactoryInterface $entityFactory\n * @param LoggerInterface $logger\n * @param FetchStrategyInterface $fetchStrategy\n * @param ManagerInterface $eventManager\n * @param [type] $mainTable\n * @param [type] $resourceModel\n * @param [type] $model\n * @param \\Magento\\Framework\\DB\\Adapter\\AdapterInterface|null $connection\n * @param AbstractDb|null $resource\n *\/\n public function __construct(\n EntityFactoryInterface $entityFactory,\n LoggerInterface $logger,\n FetchStrategyInterface $fetchStrategy,\n ManagerInterface $eventManager,\n $mainTable,\n $resourceModel,\n $model = \\Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\Document::class,\n \\Magento\\Framework\\DB\\Adapter\\AdapterInterface $connection = null,\n AbstractDb $resource = null\n ) {\n parent::__construct(\n $entityFactory,\n $logger,\n $fetchStrategy,\n $eventManager,\n $connection,\n $resource\n );\n $this->_init($model, $resourceModel);\n $this->setMainTable($mainTable);\n }\n\n \/**\n * Get Agrigations\n *\n * @return \\Magento\\Framework\\Api\\Search\\AggregationInterface\n *\/\n public function getAggregations()\n {\n return $this->aggregations;\n }\n\n \/**\n * Set Agrigations\n *\n * @param \\Magento\\Framework\\Api\\Search\\AggregationInterface $aggregations $aggregations\n * @return \\Magento\\Framework\\Api\\Search\\SearchResultInterface\n *\/\n public function setAggregations($aggregations)\n {\n $this->aggregations = $aggregations;\n }\n\n \/**\n * Get Search Criteria\n *\n * @return null\n *\/\n public function getSearchCriteria()\n {\n return null;\n }\n \n \/**\n * Set Search Criteria\n *\n * @param \\Magento\\Framework\\Api\\SearchCriteriaInterface|null $searchCriteria\n * @return this\n *\/\n public function setSearchCriteria(\n \\Magento\\Framework\\Api\\SearchCriteriaInterface $searchCriteria = null\n ) {\n return $this;\n }\n\n \/**\n * Returns the total count of the bolg\n *\n * @return int\n *\/\n public function getTotalCount()\n {\n return $this->getSize();\n }\n\n \/**\n * Sets the total count of the bolg\n *\n * @param int $totalCount\n * @return this\n *\/\n public function setTotalCount($totalCount)\n {\n return $this;\n }\n\n \/**\n * Set Item\n *\n * @param array|null $items\n * @return int\n *\/\n public function setItems(array $items = null)\n {\n return $this;\n }\n\n \/**\n * Render Filter before\n *\n * @return void\n *\/\n protected function _renderFiltersBefore()\n {\n $cgfTable = $this->getTable('customer_grid_flat');\n $this->getSelect()->joinLeft(\n $cgfTable.' as cgf',\n 'main_table.user_id = cgf.entity_id',\n [\n 'user_name'=>'cgf.name'\n ]\n );\n parent::_renderFiltersBefore();\n }\n \n \/**\n * Initilize Select\n *\n * @return void\n *\/\n protected function _initSelect()\n {\n $this->addFilterToMap('user_name', 'cgf.name');\n parent::_initSelect();\n }\n}<\/pre>\n\n\n\nSELECT\n `main_table`.*,\n `cgf`.`name` AS `user_name` \nFROM\n `blogmanager_blog` AS `main_table` \n LEFT JOIN\n `customer_grid_flat` AS `cgf` \n ON main_table.user_id = cgf.entity_id<\/pre>\n\n\n\n
Now we need to modify the etc\/di.xml<\/em> because the data provider is not a virtual class anymore,<\/p>\n\n\n\n<?xml version="1.0"?>\n<config xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager\/etc\/config.xsd">\n <type name="Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\Grid\\Collection">\n <arguments>\n <argument name="mainTable" xsi:type="string">blogmanager_blog<\/argument>\n <argument name="resourceModel" xsi:type="string">Webkul\\BlogManager\\Model\\ResourceModel\\Blog<\/argument>\n <\/arguments>\n <\/type>\n <type name="Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\CollectionFactory">\n <arguments>\n <argument name="collections" xsi:type="array">\n <item name="blogmanager_blog_listing_data_source" xsi:type="string">Webkul\\BlogManager\\Model\\ResourceModel\\Blog\\Grid\\Collection<\/item>\n <\/argument>\n <\/arguments>\n <\/type>\n<\/config><\/pre>\n\n\n\n
We also need to change the ui component file view\/adminhtml\/ui_component\/blogmanager_blog_listing.xml<\/em> because the new column name is user_name<\/em><\/p>\n\n\n\n<?xml version="1.0" encoding="UTF-8"?>\n<listing xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd">\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="provider" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <item name="deps" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <\/item>\n <item name="spinner" xsi:type="string">blogmanager_blog_columns<\/item>\n <\/argument>\n <dataSource name="blogmanager_blog_listing_data_source">\n <argument name="dataProvider" xsi:type="configurableObject">\n <argument name="class" xsi:type="string">Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\DataProvider<\/argument>\n <argument name="name" xsi:type="string">blogmanager_blog_listing_data_source<\/argument>\n <argument name="primaryFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="requestFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="update_url" xsi:type="url" path="mui\/index\/render"\/>\n <item name="storageConfig" xsi:type="array">\n <item name="indexField" xsi:type="string">entity_id<\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/argument>\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/provider<\/item>\n <\/item>\n <\/argument>\n <\/dataSource>\n <listingToolbar name="listing_top">\n <bookmark name="bookmarks"\/>\n <columnsControls name="columns_controls"\/>\n <filters name="listing_filters">\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="templates" xsi:type="array">\n <item name="filters" xsi:type="array">\n <item name="select" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/form\/element\/ui-select<\/item>\n <item name="template" xsi:type="string">ui\/grid\/filters\/elements\/ui-select<\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/filters>\n <paging name="listing_paging"\/>\n <\/listingToolbar>\n <columns name="blogmanager_blog_columns">\n <column name="entity_id">\n <settings>\n <filter>textRange<\/filter>\n <label translate="true">ID<\/label>\n <resizeDefaultWidth>25<\/resizeDefaultWidth>\n <\/settings>\n <\/column>\n <column name="user_name">\n <settings>\n <filter>text<\/filter>\n <label translate="true">User<\/label>\n <\/settings>\n <\/column>\n <column name="title">\n <settings>\n <filter>text<\/filter>\n <label translate="true">Title<\/label>\n <\/settings>\n <\/column>\n <column name="content" class="Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns\\Content">\n <settings>\n <filter>false<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Content<\/label>\n <\/settings>\n <\/column>\n <column name="status" component="Magento_Ui\/js\/grid\/columns\/select">\n <settings>\n <options class="Webkul\\BlogManager\\Model\\Blog\\Status"\/>\n <dataType>select<\/dataType>\n <filter>select<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Status<\/label>\n <\/settings>\n <\/column>\n <column name="updated_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Updated<\/label>\n <\/settings>\n <\/column>\n <column name="created_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Created<\/label>\n <\/settings>\n <\/column>\n <\/columns>\n<\/listing><\/pre>\n\n\n\n
![\"2021-03-05_13-47\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2021-03-05_13-47-1200x337.png\")
<\/figure>\n\n\n\n![\"2021-03-05_14-22\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2021-03-05_14-22.png\")
<\/figure>\n\n\n\n
Next Blog -> Magento 2 Development 18: MassAction<\/a><\/p>\n\n\n\n