Is it possible to show the grid vertically as the example:

And show it as:

Using kendo UI for VueJs.

In kendo wrapper grid, I am using pagination and  each page contain 10 rows. And also use checkbox to select any row.

If user select some rows on first page and move to another page then selected rows of that page get clear, when navigate to another page.

Expected - user can select some rows of current page and move to any other page and select the some rows on another page.

When user move to any page, selection rows should not get clear. All selected rows persists when user back to current page.

Using the kendo vue grid wrapper how can I add a css class to a kendo-grid-column ?

Hi

I want to bind a dropdown list in a grid using cell template.

While using state in a cell template I am getting error store state is undefined.

Cell template is something like below.

const cellPurchaseCategoryTemplate = Vue.extend({
    props: {
        field: String,
        dataItem: Object,
        format: String,
        className: String,
        columnIndex: Number,
        columnsCount: Number,
        rowType: String,
        level: Number,
        expanded: Boolean,
        editor: String
    },
    computed: {
        purchaseCategoryList(): Array<CategoryChildCodeData> {
            if (this.purchaseCategories) {
                return Utility.cloneObject(this.purchaseCategories);
            }
        },
        ...invoiceApprovalStoreHelpers.mapState(["purchaseCategories"])
    },
    template: `<td>
                <cvc-autocomplete v-model="dataItem.category"
                                  v-bind:data-source="purchaseCategoryList"
                                  v-bind:name="assignFieldName(field, dataItem)"
                                  v-validate="'required'"                        
                                  data-vv-as="Purchase Category">
                </cvc-autocomplete>
            </td>`
});
export default cellPurchaseCategoryTemplate;

Hi,

I am wondering why it is not possible to prevent certain columns from being sortable. My grid is defined as sortable and as far as I understood the documentation I can specify a sortable-flag for each column separately. I prepared a small example where I want to exclude the product name column from sorting but you can still click on the column header and the sortchange handler is triggered. See the console output. Styling is interestingly not applied, i.e. the arrow does not appear there.

Thanks,

Christoph

https://stackblitz.com/edit/2ae8ye-urex5c

I'm using the Kendo for Vue native grid and I'm trying to make an asynchronous API call inside of my cell render function. I'm sure there has to be a way around this, but I just can't seem to find an answer. You can see the example at the Stackblitz link below. The cell using a render function never gets rendered in this example. However, if you remove the setTimeout it works as expected.

https://stackblitz.com/edit/kendoui-nativegrid-cellrender-async

Thanks,

Ferg

I want to create a diagram sample app in Vue like  https://demos.telerik.com/kendo-ui/html5-diagram-sample-app, but I do not find any sample about drag and drop the item between controls

Thanks,

I can't find anything in the docs about how to hide or show columns. I am using the width of the column but I would like to use property "hidden".

Hello,

I am trying the Kendo Grid Vue (native) and trying to see if it covers our needs. So far I really enjoyed how usable it is, however, could not figure out how to use a rowTemplate for the native grid.

Alternatively, I could use a row double-click event or find a way to add a clickable button with a link on the row.

I would appreciate any help or alternative solutions on this.

Thank you!