how can i use both row-render and rowclick in vue grid component

Hi Swan,

The example that you have shared does not contain any code, so I am assuming it was not saved correctly. Nevertheless, when rowRender is used for the Kendo UI for Vue Grid, you need to ensure that you are passing the event listeners, class names and styles from the default TR element. Here is an example demonstrating how to add the default props to the custom TR element:

• https://stackblitz.com/edit/ooxjq7?file=src%2Fmain.vue

    rowFunction: function (h, trElement, defaultSlots, props) {
      const available = !props.dataItem.Discontinued;
      const green = {
        backgroundColor: 'rgb(55, 180, 0,0.32)',
      };
      const red = {
        backgroundColor: 'rgb(243, 23, 0, 0.32)',
      };
      const trProps = {
        ...trElement.props,
        style: available ? green : red,
      };

      return h('tr', trProps, defaultSlots);
    },

The trEleement.props will contain the event listeners used by the Grid for the selection, rowClick, etc. events.

Hope this helps.

Regards,
Konstantin Dikov
Progress Telerik