How to fix columns with Quasar-framework?
-
Fixed columns are a common scenario, but I don’t know how to use quasar to implement it. Has anybody achieved it yet?
Thanks!!!
-
Hi,
Can you be more specific? What columns are you referring to? Are you referring to https://quasar-framework.org/components/flex-css.html ?
-
@rstoenescu Sorry, You can look at this example.Many Ant-design-style frameworks support fixed columns
In my project, because there are so many table fields, I need to fix some of them. I’ve been expecting Quasar to support it for a long time.
Thank you!
-
@huyang271
was supported in old quasar versions pre 0.15 called sticky columns https://v0-14.quasar-framework.org/quasar-play/android/index.html#/showcase/grouping/data-table, they removed it on latest ones. maybe they are bringing it back in v1… -
@metalsadman
I started with Quasar v0.16…I read the document you sent about the table. It seems that there are some scrolling bugs. I hope quasar can solve this problem earlier.
-
i dunno bout scrolling bugs, but that’s the old datatable, like i said pre v.015. you can still use its source and use it as a component in your use case, will possibly need some tweaks and fixes. https://github.com/quasarframework/quasar/tree/v0.14/src/components/data-table
-
Yes, this feature is needed in my project. When will this feature come back?
-
@flight9 - You can use the style prop in the columns object and make the width of the table fixed too. https://codepen.io/smolinari/pen/OeObbj
Scott
-
@flight9 no feature like this out of the box since v0.16. Examples using css exists in the v1 docs tho, see https://quasar.dev/vue-components/table#Sticky-header%2Fcolumn.
-
Did I misunderstand what “fixed” columns are? I guess I did.
Scott
-
@s-molinari sorry, I mean another ‘fixed’ just like ‘frozen column’ in Excel. still thanks
-
@metalsadman Thank you.
I found in some lower version chrome-core browser, this ‘Sticky column’ does not work. -
@flight9 said in How to fix columns with Quasar-framework?:
@metalsadman Thank you.
I found in some lower version chrome-core browser, this ‘Sticky column’ does not work.yep, not all browser supported.
