Vuetify: [Feature Request] data table need to disable hover effect.

Created on 3 Dec 2018  路  4Comments  路  Source: vuetifyjs/vuetify

Problem to solve

Data table is much useful on all most of projects .
but sometimes we need to disable hover effect and even on specific columns and rows.

Proposed solution

adding api for switching hover effect on columns and rows

VDataTable enhancement feature pending team review

Most helpful comment

Setting the :hover background colour for the row to the same colour as it's usual background is a workaround.

Unfortunately there isn't a good way to style rows without using the item.slot and re-implementing most of the data table row yourself. You could try with a deep selector in CSS as well.

All 4 comments

Ist there any workaround as long until this is implemented?

Setting the :hover background colour for the row to the same colour as it's usual background is a workaround.

Unfortunately there isn't a good way to style rows without using the item.slot and re-implementing most of the data table row yourself. You could try with a deep selector in CSS as well.

i vote for this too

As alternative, possible to use CSS to row (TR) of DataTable :
pointer-events: none;

_Be notice, that It disables all JS and CSS animation for TR element._

Was this page helpful?
0 / 5 - 0 ratings

Related issues

milleraa picture milleraa  路  3Comments

itanka9 picture itanka9  路  3Comments

smousa picture smousa  路  3Comments

Antway picture Antway  路  3Comments

radicaled picture radicaled  路  3Comments