Locked Expand Field

[diego]

Hello.

I implemented the kendo ui grid vuejs.

I have a question, how it's possible "sticky" the Expand column?

I have other columns "sticky" and works fine, but the "expand" column (master details) don't keep sticky. and i need to hide the "menu filters" in this columns too

Thanks in advance

 

[Plamen]

Hi,

Thank you for getting in touch with us and for your concern with Kendo UI for Vue.

Indeed, this was a missing functionality in our component - thank you for reporting it. We have inspected it and added a new property 'expand-column' that could set custom column properties to the expand column. It is available from version 3.6.2 of Kendo UI for Vue and here is an example that shows how to lock this column - https://stackblitz.com/edit/wdvdwz?file=package.json,src%2Fmain.vue

Hope this will help you solve the issue. If you have further questions or you observe other issues please don't hesitate to contact us again.

Regards,
Plamen
Progress Telerik

[diego]

 

Hello. I'm glad to help.

I updated the Kendo UI version to 3.6.2 and this issue it's fixed

But in the last version I used, I can add custom classes in TR element by row using the props :row-render, you can see an issue in the next link, when I add a custom class, the TR element don't persist the classname, do you have an idea, why?

Thanks in advance

 

https://stackblitz.com/edit/wdvdwz-hc6vuv?file=src%2Fmain.vue

[Plamen]

It seems like a change in the behaviour indeed - the className is deprecated.  We do support several options for adding classes to the row and the latest one that we introduced is the rowClass prop function that allows adding class that depends directly on the data item - https://stackblitz.com/edit/wdvdwz-9nxsa7?file=src%2Fmain.vue.

If you prefer using the row-render you can use class instead className:

rowColorfunction(h, trElement, defaultSlots, rowProps) {
      const trProps = {
        class: rowProps.class + ' custom-class',
      };
      return h('tr', trProps, defaultSlots);
    },

Hope this will be helpful. If you have further questions don't hesitate to let me know.