title: Magento 2 Custom Module (Admin) Spinner never disappear
body: <p>I want to show list of records in my magento2 module. The data has successfully loaded, but the loading progressbar never disappear:
  <a href="https://i.stack.imgur.com/1EQya.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1EQya.png" alt="The loading progress bar never disappear"></a></p>
  
  <p>My ui_component file named:paymentconfirmations_paymentconfirmation_listing.xml:</p>
  
  <pre><code>&lt;listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd"&gt;
  &lt;argument name="data" xsi:type="array"&gt;
      &lt;item name="js_config" xsi:type="array"&gt;
          &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source&lt;/item&gt;
          &lt;item name="deps" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source&lt;/item&gt;
      &lt;/item&gt;
      &lt;item name="spinner" xsi:type="string"&gt;blog_post_columns&lt;/item&gt;
  &lt;/argument&gt;
  &lt;dataSource name="paymentconfirmations_paymentconfirmation_listing_data_source"&gt;
      &lt;argument name="dataProvider" xsi:type="configurableObject"&gt;
          &lt;argument name="class" xsi:type="string"&gt;PaymentConfirmationDataProvider&lt;/argument&gt;
          &lt;argument name="name" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing_data_source&lt;/argument&gt;
          &lt;argument name="primaryFieldName" xsi:type="string"&gt;id&lt;/argument&gt;
          &lt;argument name="requestFieldName" xsi:type="string"&gt;id&lt;/argument&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="update_url" xsi:type="url" path="mui/index/render"/&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/argument&gt;
      &lt;argument name="data" xsi:type="array"&gt;
          &lt;item name="js_config" xsi:type="array"&gt;
              &lt;item name="component" xsi:type="string"&gt;Magento_Ui/js/grid/provider&lt;/item&gt;
          &lt;/item&gt;
      &lt;/argument&gt;
  &lt;/dataSource&gt;
  &lt;container name="listing_top"&gt;
      &lt;argument name="data" xsi:type="array"&gt;
          &lt;item name="config" xsi:type="array"&gt;
              &lt;item name="template" xsi:type="string"&gt;ui/grid/toolbar&lt;/item&gt;
          &lt;/item&gt;
      &lt;/argument&gt;
      &lt;bookmark name="bookmarks"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="component" xsi:type="string"&gt;Magento_Ui/js/grid/controls/bookmarks/bookmarks&lt;/item&gt;
                  &lt;item name="displayArea" xsi:type="string"&gt;dataGridActions&lt;/item&gt;
                  &lt;item name="storageConfig" xsi:type="array"&gt;
                      &lt;item name="saveUrl" xsi:type="url" path="mui/bookmark/save"/&gt;
                      &lt;item name="deleteUrl" xsi:type="url" path="mui/bookmark/delete"/&gt;
                      &lt;item name="namespace" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing&lt;/item&gt;
                  &lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/bookmark&gt;
      &lt;container name="columns_controls"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="columnsData" xsi:type="array"&gt;
                      &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_columns&lt;/item&gt;
                  &lt;/item&gt;
                  &lt;item name="component" xsi:type="string"&gt;Magento_Ui/js/grid/controls/columns&lt;/item&gt;
                  &lt;item name="displayArea" xsi:type="string"&gt;dataGridActions&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/container&gt;
      &lt;filterSearch name="fulltext"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="component" xsi:type="string"&gt;Magento_Ui/js/grid/search/search&lt;/item&gt;
                  &lt;item name="displayArea" xsi:type="string"&gt;dataGridFilters&lt;/item&gt;
                  &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source&lt;/item&gt;
                  &lt;item name="chipsProvider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters_chips&lt;/item&gt;
                  &lt;item name="storageConfig" xsi:type="array"&gt;
                      &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks&lt;/item&gt;
                      &lt;item name="namespace" xsi:type="string"&gt;current.search&lt;/item&gt;
                  &lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/filterSearch&gt;
      &lt;filters name="listing_filters"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="displayArea" xsi:type="string"&gt;dataGridFilters&lt;/item&gt;
                  &lt;item name="dataScope" xsi:type="string"&gt;filters&lt;/item&gt;
                  &lt;item name="storageConfig" xsi:type="array"&gt;
                      &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks&lt;/item&gt;
                      &lt;item name="namespace" xsi:type="string"&gt;current.filters&lt;/item&gt;
                  &lt;/item&gt;
                  &lt;item name="childDefaults" xsi:type="array"&gt;
                      &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters&lt;/item&gt;
                      &lt;item name="imports" xsi:type="array"&gt;
                          &lt;item name="visible" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks:current.columns.${ $.index }.visible&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
          &lt;filterRange name="id"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="dataScope" xsi:type="string"&gt;id&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;ID&lt;/item&gt;
                      &lt;item name="childDefaults" xsi:type="array"&gt;
                          &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
              &lt;filterInput name="from"&gt;
                  &lt;argument name="data" xsi:type="array"&gt;
                      &lt;item name="config" xsi:type="array"&gt;
                          &lt;item name="dataScope" xsi:type="string"&gt;from&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;from&lt;/item&gt;
                          &lt;item name="placeholder" xsi:type="string" translate="true"&gt;From&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/argument&gt;
              &lt;/filterInput&gt;
              &lt;filterInput name="to"&gt;
                  &lt;argument name="data" xsi:type="array"&gt;
                      &lt;item name="config" xsi:type="array"&gt;
                          &lt;item name="dataScope" xsi:type="string"&gt;to&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;to&lt;/item&gt;
                          &lt;item name="placeholder" xsi:type="string" translate="true"&gt;To&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/argument&gt;
              &lt;/filterInput&gt;
          &lt;/filterRange&gt;
          &lt;filterInput name="order_number"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="dataScope" xsi:type="string"&gt;order_number&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Order Number&lt;/item&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
          &lt;/filterInput&gt;
          &lt;filterInput name="account_number"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="dataScope" xsi:type="string"&gt;account_number&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Account Number&lt;/item&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
          &lt;/filterInput&gt;
          &lt;filterInput name="account_holder"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="dataScope" xsi:type="string"&gt;account_holder&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Account Holder&lt;/item&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
          &lt;/filterInput&gt;
          &lt;filterRange name="transfer_date" class="Magento\Ui\Component\Filters\Type\DateRange"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="dataScope" xsi:type="string"&gt;transfer_date&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Transfer Date&lt;/item&gt;
                      &lt;item name="childDefaults" xsi:type="array"&gt;
                          &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
              &lt;filterDate name="from"&gt;
                  &lt;argument name="data" xsi:type="array"&gt;
                      &lt;item name="config" xsi:type="array"&gt;
                          &lt;item name="dataScope" xsi:type="string"&gt;from&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;from&lt;/item&gt;
                          &lt;item name="placeholder" xsi:type="string" translate="true"&gt;From&lt;/item&gt;
                          &lt;item name="dateFormat" xsi:type="string" translate="true"&gt;MM/dd/YYYY&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/argument&gt;
              &lt;/filterDate&gt;
              &lt;filterDate name="to"&gt;
                  &lt;argument name="data" xsi:type="array"&gt;
                      &lt;item name="config" xsi:type="array"&gt;
                          &lt;item name="dataScope" xsi:type="string"&gt;to&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;to&lt;/item&gt;
                          &lt;item name="placeholder" xsi:type="string" translate="true"&gt;To&lt;/item&gt;
                          &lt;item name="dateFormat" xsi:type="string" translate="true"&gt;MM/dd/YYYY&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/argument&gt;
              &lt;/filterDate&gt;
          &lt;/filterRange&gt;
          &lt;filterRange name="created_at" class="Magento\Ui\Component\Filters\Type\DateRange"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="dataScope" xsi:type="string"&gt;created_at&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Created&lt;/item&gt;
                      &lt;item name="childDefaults" xsi:type="array"&gt;
                          &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
              &lt;filterDate name="from"&gt;
                  &lt;argument name="data" xsi:type="array"&gt;
                      &lt;item name="config" xsi:type="array"&gt;
                          &lt;item name="dataScope" xsi:type="string"&gt;from&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;from&lt;/item&gt;
                          &lt;item name="placeholder" xsi:type="string" translate="true"&gt;From&lt;/item&gt;
                          &lt;item name="dateFormat" xsi:type="string" translate="true"&gt;MM/dd/YYYY&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/argument&gt;
              &lt;/filterDate&gt;
              &lt;filterDate name="to"&gt;
                  &lt;argument name="data" xsi:type="array"&gt;
                      &lt;item name="config" xsi:type="array"&gt;
                          &lt;item name="dataScope" xsi:type="string"&gt;to&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;to&lt;/item&gt;
                          &lt;item name="placeholder" xsi:type="string" translate="true"&gt;To&lt;/item&gt;
                          &lt;item name="dateFormat" xsi:type="string" translate="true"&gt;MM/dd/YYYY&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/argument&gt;
              &lt;/filterDate&gt;
          &lt;/filterRange&gt;
          &lt;filterSelect name="status"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="dataScope" xsi:type="string"&gt;status&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Status&lt;/item&gt;
                      &lt;item name="caption" xsi:type="string" translate="true"&gt;Select...&lt;/item&gt;
                      &lt;item name="options" xsi:type="array"&gt;
                          &lt;item name="disable" xsi:type="array"&gt;
                              &lt;item name="value" xsi:type="string"&gt;0&lt;/item&gt;
                              &lt;item name="label" xsi:type="string" translate="true"&gt;Disabled&lt;/item&gt;
                          &lt;/item&gt;
                          &lt;item name="enable" xsi:type="array"&gt;
                              &lt;item name="value" xsi:type="string"&gt;1&lt;/item&gt;
                              &lt;item name="label" xsi:type="string" translate="true"&gt;Published&lt;/item&gt;
                          &lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
          &lt;/filterSelect&gt;
      &lt;/filters&gt;
      &lt;massaction name="listing_massaction"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="selectProvider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_columns.ids&lt;/item&gt;
                  &lt;item name="indexField" xsi:type="string"&gt;id&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
          &lt;action name="disable"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="type" xsi:type="string"&gt;disable&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Disable&lt;/item&gt;
                      &lt;item name="url" xsi:type="url" path="paymentconfirmations/paymentconfirmation/massDisable"/&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
          &lt;/action&gt;
          &lt;action name="enable"&gt;
              &lt;argument name="data" xsi:type="array"&gt;
                  &lt;item name="config" xsi:type="array"&gt;
                      &lt;item name="type" xsi:type="string"&gt;enable&lt;/item&gt;
                      &lt;item name="label" xsi:type="string" translate="true"&gt;Enable&lt;/item&gt;
                      &lt;item name="url" xsi:type="url" path="paymentconfirmations/paymentconfirmation/massEnable"/&gt;
                  &lt;/item&gt;
              &lt;/argument&gt;
          &lt;/action&gt;
      &lt;/massaction&gt;
      &lt;paging name="listing_paging"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="storageConfig" xsi:type="array"&gt;
                      &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks&lt;/item&gt;
                      &lt;item name="namespace" xsi:type="string"&gt;current.paging&lt;/item&gt;
                  &lt;/item&gt;
                  &lt;item name="selectProvider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_columns.ids&lt;/item&gt;
                  &lt;item name="displayArea" xsi:type="string"&gt;bottom&lt;/item&gt;
                  &lt;item name="options" xsi:type="array"&gt;
                      &lt;item name="20" xsi:type="array"&gt;
                          &lt;item name="value" xsi:type="number"&gt;20&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;20&lt;/item&gt;
                      &lt;/item&gt;
                      &lt;item name="30" xsi:type="array"&gt;
                          &lt;item name="value" xsi:type="number"&gt;30&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;30&lt;/item&gt;
                      &lt;/item&gt;
                      &lt;item name="50" xsi:type="array"&gt;
                          &lt;item name="value" xsi:type="number"&gt;50&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;50&lt;/item&gt;
                      &lt;/item&gt;
                      &lt;item name="100" xsi:type="array"&gt;
                          &lt;item name="value" xsi:type="number"&gt;100&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;100&lt;/item&gt;
                      &lt;/item&gt;
                      &lt;item name="200" xsi:type="array"&gt;
                          &lt;item name="value" xsi:type="number"&gt;200&lt;/item&gt;
                          &lt;item name="label" xsi:type="string" translate="true"&gt;200&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/paging&gt;
  &lt;/container&gt;
  &lt;columns name="paymentconfirmations_paymentconfirmation_columns"&gt;
      &lt;argument name="data" xsi:type="array"&gt;
          &lt;item name="config" xsi:type="array"&gt;
              &lt;item name="storageConfig" xsi:type="array"&gt;
                  &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks&lt;/item&gt;
                  &lt;item name="namespace" xsi:type="string"&gt;current&lt;/item&gt;
              &lt;/item&gt;
              &lt;item name="childDefaults" xsi:type="array"&gt;
                  &lt;item name="fieldAction" xsi:type="array"&gt;
                      &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_columns.actions&lt;/item&gt;
                      &lt;item name="target" xsi:type="string"&gt;applyAction&lt;/item&gt;
                      &lt;item name="params" xsi:type="array"&gt;
                          &lt;item name="0" xsi:type="string"&gt;edit&lt;/item&gt;
                          &lt;item name="1" xsi:type="string"&gt;${ $.$data.rowIndex }&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
                  &lt;item name="controlVisibility" xsi:type="boolean"&gt;true&lt;/item&gt;
                  &lt;item name="storageConfig" xsi:type="array"&gt;
                      &lt;item name="provider" xsi:type="string"&gt;paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks&lt;/item&gt;
                      &lt;item name="root" xsi:type="string"&gt;columns.${ $.index }&lt;/item&gt;
                      &lt;item name="namespace" xsi:type="string"&gt;current.${ $.storageConfig.root}&lt;/item&gt;
                  &lt;/item&gt;
              &lt;/item&gt;
          &lt;/item&gt;
      &lt;/argument&gt;
  
      &lt;selectionsColumn name="ids"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="resizeEnabled" xsi:type="boolean"&gt;false&lt;/item&gt;
                  &lt;item name="resizeDefaultWidth" xsi:type="string"&gt;55&lt;/item&gt;
                  &lt;item name="indexField" xsi:type="string"&gt;id&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/selectionsColumn&gt;
  
      &lt;column name="id"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="filter" xsi:type="string"&gt;textRange&lt;/item&gt;
                  &lt;item name="sorting" xsi:type="string"&gt;asc&lt;/item&gt;
                  &lt;item name="label" xsi:type="string" translate="true"&gt;ID&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;10&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/column&gt;
      &lt;column name="order_number"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="filter" xsi:type="string"&gt;text&lt;/item&gt;
                  &lt;item name="editor" xsi:type="array"&gt;
                      &lt;item name="editorType" xsi:type="string"&gt;text&lt;/item&gt;
                      &lt;item name="validation" xsi:type="array"&gt;
                          &lt;item name="required-entry" xsi:type="boolean"&gt;true&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
                  &lt;item name="label" xsi:type="string" translate="true"&gt;Order Number&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;20&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/column&gt;
      &lt;column name="account_number"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="filter" xsi:type="string"&gt;text&lt;/item&gt;
                  &lt;item name="editor" xsi:type="array"&gt;
                      &lt;item name="editorType" xsi:type="string"&gt;text&lt;/item&gt;
                      &lt;item name="validation" xsi:type="array"&gt;
                          &lt;item name="required-entry" xsi:type="boolean"&gt;true&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
                  &lt;item name="label" xsi:type="string" translate="true"&gt;Account Number&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;30&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/column&gt;
      &lt;column name="account_holder"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="filter" xsi:type="string"&gt;text&lt;/item&gt;
                  &lt;item name="editor" xsi:type="array"&gt;
                      &lt;item name="editorType" xsi:type="string"&gt;text&lt;/item&gt;
                      &lt;item name="validation" xsi:type="array"&gt;
                          &lt;item name="required-entry" xsi:type="boolean"&gt;true&lt;/item&gt;
                      &lt;/item&gt;
                  &lt;/item&gt;
                  &lt;item name="label" xsi:type="string" translate="true"&gt;Account Holder&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;40&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/column&gt;
      &lt;column name="transfer_date" class="Magento\Ui\Component\Listing\Columns\Date"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="filter" xsi:type="string"&gt;dateRange&lt;/item&gt;
                  &lt;item name="component" xsi:type="string"&gt;Magento_Ui/js/grid/columns/date&lt;/item&gt;
                  &lt;item name="dataType" xsi:type="string"&gt;date&lt;/item&gt;
                  &lt;item name="label" xsi:type="string" translate="true"&gt;Transfer Date&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;50&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/column&gt;
      &lt;column name="created_at" class="Magento\Ui\Component\Listing\Columns\Date"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="filter" xsi:type="string"&gt;dateRange&lt;/item&gt;
                  &lt;item name="component" xsi:type="string"&gt;Magento_Ui/js/grid/columns/date&lt;/item&gt;
                  &lt;item name="dataType" xsi:type="string"&gt;date&lt;/item&gt;
                  &lt;item name="label" xsi:type="string" translate="true"&gt;Created&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;60&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/column&gt;
      &lt;column name="status"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="options" xsi:type="object"&gt;RepublikFiksi\ConfirmPayment\Model\PaymentConfirmation\Source\IsActive&lt;/item&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="filter" xsi:type="string"&gt;select&lt;/item&gt;
                  &lt;item name="component" xsi:type="string"&gt;Magento_Ui/js/grid/columns/select&lt;/item&gt;
                  &lt;item name="editor" xsi:type="string"&gt;select&lt;/item&gt;
                  &lt;item name="dataType" xsi:type="string"&gt;select&lt;/item&gt;
                  &lt;item name="label" xsi:type="string" translate="true"&gt;Status&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;70&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/column&gt;
      &lt;actionsColumn name="actions" class="RepublikFiksi\ConfirmPayment\Ui\Component\Listing\Column\PaymentConfirmationActions"&gt;
          &lt;argument name="data" xsi:type="array"&gt;
              &lt;item name="config" xsi:type="array"&gt;
                  &lt;item name="resizeEnabled" xsi:type="boolean"&gt;false&lt;/item&gt;
                  &lt;item name="resizeDefaultWidth" xsi:type="string"&gt;107&lt;/item&gt;
                  &lt;item name="indexField" xsi:type="string"&gt;id&lt;/item&gt;
                  &lt;item name="index" xsi:type="number"&gt;80&lt;/item&gt;
              &lt;/item&gt;
          &lt;/argument&gt;
      &lt;/actionsColumn&gt;
  &lt;/columns&gt;
  &lt;/listing&gt;
  </code></pre>
  
  <p>My di.xml:</p>
  
  <pre><code>&lt;config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd"&gt;
      &lt;preference for="RepublikFiksi\ConfirmPayment\Api\Data\PaymentConfirmationInterface" type="RepublikFiksi\ConfirmPayment\Model\PaymentConfirmation" /&gt;
      &lt;virtualType name="PaymentConfirmationFilterPool" type="Magento\Framework\View\Element\UiComponent\DataProvider\FilterPool"&gt;
          &lt;arguments&gt;
              &lt;argument name="appliers" xsi:type="array"&gt;
                  &lt;item name="regular" xsi:type="object"&gt;Magento\Framework\View\Element\UiComponent\DataProvider\RegularFilter&lt;/item&gt;
                  &lt;item name="fulltext" xsi:type="object"&gt;Magento\Framework\View\Element\UiComponent\DataProvider\FulltextFilter&lt;/item&gt;
              &lt;/argument&gt;
          &lt;/arguments&gt;
      &lt;/virtualType&gt;
      &lt;virtualType name="PaymentConfirmationDataProvider" type="Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider"&gt;
          &lt;arguments&gt;
              &lt;argument name="collection" xsi:type="object" shared="false"&gt;RepublikFiksi\ConfirmPayment\Model\ResourceModel\PaymentConfirmation\Collection&lt;/argument&gt;
              &lt;argument name="filterPool" xsi:type="object" shared="false"&gt;PaymentConfirmationFilterPool&lt;/argument&gt;
          &lt;/arguments&gt;
      &lt;/virtualType&gt;
      &lt;virtualType name="RepublikFiksi\ConfirmPayment\Model\ResourceModel\PaymentConfirmation\Collection" type="Magento\Framework\View\Element\UiComponent\DataProvider\SearchResult"&gt;
          &lt;arguments&gt;
              &lt;argument name="mainTable" xsi:type="string"&gt;payment_confirmation&lt;/argument&gt;
              &lt;argument name="resourceModel" xsi:type="string"&gt;RepublikFiksi\ConfirmPayment\Model\ResourceModel\PaymentConfirmation&lt;/argument&gt;
          &lt;/arguments&gt;
      &lt;/virtualType&gt;
      &lt;type name="Magento\Framework\View\Element\UiComponent\DataProvider\CollectionFactory"&gt;
          &lt;arguments&gt;
              &lt;argument name="collections" xsi:type="array"&gt;
                  &lt;item name="paymentconfirmations_paymentconfirmation_listing_data_source" xsi:type="string"&gt;RepublikFiksi\ConfirmPayment\Model\ResourceModel\PaymentConfirmation\Collection&lt;/item&gt;
              &lt;/argument&gt;
          &lt;/arguments&gt;
      &lt;/type&gt;
  &lt;/config&gt;
  </code></pre>
  
  <p>Is there something wrong or something that I missed? Thanks!</p>