Disable hover in grid

[Peter Vledder]

Hi,

How can I disable the hover effect of rows in the Grid component?

I tried:

    .e-grid .e-row:hover {

        background-color: #ffffff !important;

    }

But no luck!

P.S. I posted this under general as the Grid component is not in your drop downlist....

Thanks,

Peter

[Balaji Sekar]

Hi Peter, 

Thanks for contacting the Syncfusion support. 

We can prevent the hover effect on the Grid row using enableHover property of Grid. Please refer the below code example and sample for more information 

[App.Vue] 

<ejs-grid :dataSource="data" :allowPaging="true" :enableHover="false"> 

      <e-columns> 

.    .  .   .  

      </e-columns> 

    </ejs-grid> 

Sample link: https://codesandbox.io/s/vue-forked-zygns?file=/src/App.vue:32-1047 

Help Documentation: https://ej2.syncfusion.com/vue/documentation/api/grid/#enablehover 

Please get back to us, if you need further assistance. 

Regards, 

Balaji Sekar