Skip to content

Commit

Permalink
fix(VDataTable): prevent layout shift when changing pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@johnleider
johnleider committed Nov 14, 2023
1 parent c359e18 commit c6e4546
Showing 1 changed file with 2 additions and 0 deletions.
2 changes: 2 additions & 0 deletions packages/vuetify/src/components/VDataTable/VDataTable.sass
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,8 @@
.v-data-table
.v-table__wrapper
> table
table-layout: fixed

> thead,
tbody
> tr
Expand Down

3 comments on commit c6e4546

@funkybg
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This breaks large tables that need to scroll horizontally

table-layout: fixed
Screenshot 2023-11-15 at 16 52 46

table-layout disabled
Screenshot 2023-11-15 at 16 53 41

@johnleider
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This breaks large tables that need to scroll horizontally

table-layout: fixed Screenshot 2023-11-15 at 16 52 46

table-layout disabled Screenshot 2023-11-15 at 16 53 41

#18679

@nekosaur
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure we should be using fixed layout as the default

Please sign in to comment.