vuetifyjs / vuetifyjs/vuetify

[Feature Request] VDataTable: Selection highlighting the row

Open
#17,670 10 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

C: VDataTable good first issue T: enhancement
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

Environment

Vuetify Version: 3.3.5
Vue Version: 3.3.4
Browsers: Chrome 111.0.0.0
OS: Windows 10

Steps to reproduce

Select on a row selection checkbox
It should highlight the row but it is not

Expected Behavior

Highlight the selected row

Actual Behavior

Not highlighting the row

Reproduction Link

https://play.vuetifyjs.com/#...

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Vuetify Playground reproduction and trace the VDataTable row-selection behavior from the component entry point. Confirm the selected row's visual state in the reproduction, then verify that selecting a row highlights it without changing other table behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.