[Feature Request] add support for fixed columns on v-data-table
See original GitHub issueWhat problem does this feature solve?
1.set data-table’s min-width for overflow-x scroll without by setting css .v-table width
2.when table in overflow model, fixed one column.
What is your proposed solution?
now i use css solve it,but best solution is set it by component props , so it is possible do it?
the element ui’s effect exp:
Issue Analytics
- State:
- Created 5 years ago
- Reactions:60
- Comments:33 (11 by maintainers)
Top Results From Across the Web
Google Visualization API Reference | Charts
Represents a two-dimensional, mutable table of values. To make a read-only copy of a DataTable (optionally filtered to show specific values, rows, or...
Read more >v-data-table API - Vuetify
Vuetify is a Material Design component framework for Vue.js. It aims to provide all the tools necessary to create beautiful content rich applications....
Read more >DataTable - YUI Library - GitHub Pages
Adds support for vertically and/or horizontally scrolling table rows within fixed table dimensions. no. datatable-formatters, Populates Y.DataTable.BodyView.
Read more >4. Warning: Requested unknown parameter - DataTables
The column index information was added in DataTables 1.10.10. So to break it down, DataTables has requested data for a given row, of...
Read more >Datatable – Lightning Web Component for Flow Screens
Added option to suppress the currency conversion introduced in v3.1.1. Bug Fixes: Fixed bug when using a % character in a column label...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Here is my solution for that. I’ve used
position: sticky
CSS directives.Repo - https://github.com/zhitnyakov/vuetify-fixed-columns Table Component - https://github.com/zhitnyakov/vuetify-fixed-columns/blob/master/src/components/TableWithFixedColumn.vue Demo - https://zhitnyakov.github.io/vuetify-fixed-columns/dist/
I implemented a version of it in my fork: https://github.com/lzhoucs/vuetify/pull/4 Here is the demo: https://codepen.io/lzhoucs/pen/dqZvXr