Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve performance of row expansion feature on DataTable #4977

Closed
mertsincan opened this issue Dec 18, 2023 · 1 comment · Fixed by #4978
Closed

Improve performance of row expansion feature on DataTable #4977

mertsincan opened this issue Dec 18, 2023 · 1 comment · Fixed by #4978
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@mertsincan
Copy link
Member

mertsincan commented Dec 18, 2023

Expanding/collapsing certain rows in big data caused performance problems. Some improvements have been made to overcome this issue.

⚠️ NOTE: If you don't need expandedRows all the time, I recommend using @update:expandedRows instead of v-model:expandedRows (two-way binding). This will further increase performance.

Exp;

<DataTable :expandedRows="expandedRows" @update:expandedRows="onExpandedRows" ...>


const onExpandedRows = (newValue) => {
    // You can get the new expandedRows to use any time.
   ...
}
@mertsincan mertsincan added the Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add label Dec 18, 2023
@mertsincan mertsincan added this to the 3.45.0 milestone Dec 18, 2023
@mertsincan mertsincan self-assigned this Dec 18, 2023
mertsincan added a commit that referenced this issue Dec 18, 2023
…le (#4978)

* DataTable performance improvement (1)

* Refactor on DT performance

* Refactor

* Refactor

* Update RowExpansionDoc.vue

* Update RowExpansionDoc.vue

* Update RowExpansionDoc.vue
@MiguelBamberino
Copy link

really good to see this has been improved. We look forward to its release.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants