I have a Vue Kendo grid for user's requests. I wanna to put a button in each grid as "show more" 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:
<div id="kgrid">
<kendo-datasource ref="datasource1"
:transport-read-url="url"
:page-size="'10'"
:schema-data="'data'"
:schema-total="'total'"
:transport-read-type="'POST'"
:transport-read-data-type="'json'"
:transport-read-content-type="'application/json'"
:transport-parameter-map="parameterMap"
:request-start="onBeforeSend"
:error="onError"
:server-paging="true"
:server-filtering="true">
</kendo-datasource>
<kendo-grid :height="400"
:data-source-ref="'datasource1'"
:filterable-mode="'row'"
:data-items="data"
:sortable="sortable"
:sort="sort"
:skip="skip"
:take="take"
:pageable="pageableFunc"
:filterable="filtercontain"
:resizable="true"
>
<kendo-grid-column :field="'requestId'"
title="requestId"
:width="150"
:filterable-cell-operator="'contains'"
:filterable-cell-suggestion-operator="'contains'"
></kendo-grid-column>
<kendo-grid-column :field="'user.firstName'"
title="firstName"
:width="150"
:filterable-cell-operator="'contains'"
:filterable-cell-suggestion-operator="'contains'">
</kendo-grid-column>
<kendo-grid-column :field="'user.lastName'"
title="lastName"
:width="150"
:filterable-cell-operator="'contains'"
:filterable-cell-suggestion-operator="'contains'"
></kendo-grid-column>
<kendo-grid-column :field="'status'"
title="status"
:width="150"
:filterable-cell-operator="'contains'"
:filterable-cell-suggestion-operator="'contains'"
></kendo-grid-column>
</kendo-grid>