[Bug Report][3.7.3] V-data-table with inputs inside v-dialog performance issue

Open
#20,613 2 comments 0 reactions 3 assignees View on GitHub

@jcjp is already working on this.

Since May 15, 2025.

Assessment

This issue has not been assessed yet.

Description

C: VDataTable C: VDataTableServer C: VDataTableVirtual C: VSelect C: VTextarea C: VTextField performance T: bug
Environment

Vuetify Version: 3.7.3
Vue Version: 3.5.12
Browsers: Chrome 129.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Create a data-table inside of v-dialog, with more than 100 items

Expected Behavior

not to lag and not to stuck on open and scroll in case the virtual is used.

Actual Behavior

the tab becomes unresponsive on open.
The items are not being rendered on scroll in time and it takes ~ 1-2 seconds for them to appear.

Reproduction Link

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

Other comments

maybe there is a limit for v-data-table, IMHO 200 items is very small amount of data for that component. I tried use v-data-virtual however the difference is 300-400 ms not much difference

Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

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.

More from vuetifyjs/vuetify

All issues in vuetifyjs/vuetify

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.