title: How should I implement a button for each grid's row to show details using vuejs + kendo grid?
body: <p>I have a Vue Kendo grid for user's requests. I wanna to put a button in each grid as &quot;show more&quot; by clicking it user can see request's details in a dialog window and he can accept or reject the request. This is my grid:</p>
  <pre><code>&lt;div id=&quot;kgrid&quot;&gt;
    &lt;kendo-datasource ref=&quot;datasource1&quot;
                      :transport-read-url=&quot;url&quot;
                      :page-size=&quot;'10'&quot;
                      :schema-data=&quot;'data'&quot;
                      :schema-total=&quot;'total'&quot;
                      :transport-read-type=&quot;'POST'&quot;
                      :transport-read-data-type=&quot;'json'&quot;
                      :transport-read-content-type=&quot;'application/json'&quot;
                      :transport-parameter-map=&quot;parameterMap&quot;
                      :request-start=&quot;onBeforeSend&quot;
                      :error=&quot;onError&quot;
                      :server-paging=&quot;true&quot;
                      :server-filtering=&quot;true&quot;&gt;
    &lt;/kendo-datasource&gt;
  
    &lt;kendo-grid :height=&quot;400&quot;
                :data-source-ref=&quot;'datasource1'&quot;
                :filterable-mode=&quot;'row'&quot;
                :data-items=&quot;data&quot;
                :sortable=&quot;sortable&quot;
                :sort=&quot;sort&quot;
                :skip=&quot;skip&quot;
                :take=&quot;take&quot;
                :pageable=&quot;pageableFunc&quot;
                :filterable=&quot;filtercontain&quot;
                :resizable=&quot;true&quot;
    &gt;
      &lt;kendo-grid-column :field=&quot;'requestId'&quot;
                         title=&quot;requestId&quot;
                         :width=&quot;150&quot;
                         :filterable-cell-operator=&quot;'contains'&quot;
                         :filterable-cell-suggestion-operator=&quot;'contains'&quot;
      &gt;&lt;/kendo-grid-column&gt;
      &lt;kendo-grid-column :field=&quot;'user.firstName'&quot;
                         title=&quot;firstName&quot;
                         :width=&quot;150&quot;
                         :filterable-cell-operator=&quot;'contains'&quot;
                         :filterable-cell-suggestion-operator=&quot;'contains'&quot;&gt;
      &lt;/kendo-grid-column&gt;
      &lt;kendo-grid-column :field=&quot;'user.lastName'&quot;
                         title=&quot;lastName&quot;
                         :width=&quot;150&quot;
                         :filterable-cell-operator=&quot;'contains'&quot;
                         :filterable-cell-suggestion-operator=&quot;'contains'&quot;
      &gt;&lt;/kendo-grid-column&gt;
      &lt;kendo-grid-column :field=&quot;'status'&quot;
                         title=&quot;status&quot;
                         :width=&quot;150&quot;
                         :filterable-cell-operator=&quot;'contains'&quot;
                         :filterable-cell-suggestion-operator=&quot;'contains'&quot;
      &gt;&lt;/kendo-grid-column&gt;
    &lt;/kendo-grid&gt;
  </code></pre>