No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to fix columns with Quasar-framework?

    Framework
    5
    13
    1478
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • rstoenescu
      rstoenescu Admin last edited by

      Hi,

      Can you be more specific? What columns are you referring to? Are you referring to https://quasar-framework.org/components/flex-css.html ?

      H 1 Reply Last reply Reply Quote 2
      • H
        huyang271 @rstoenescu last edited by

        @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!

        1 Reply Last reply Reply Quote 0
        • metalsadman
          metalsadman last edited by metalsadman

          @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…

          H 1 Reply Last reply Reply Quote 0
          • H
            huyang271 @metalsadman last edited by

            @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.

            1 Reply Last reply Reply Quote 0
            • metalsadman
              metalsadman last edited by

              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

              1 Reply Last reply Reply Quote 0
              • F
                flight9 last edited by

                Yes, this feature is needed in my project. When will this feature come back?

                metalsadman 1 Reply Last reply Reply Quote 0
                • s.molinari
                  s.molinari last edited by

                  @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

                  F 1 Reply Last reply Reply Quote 0
                  • metalsadman
                    metalsadman @flight9 last edited by

                    @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.

                    F 1 Reply Last reply Reply Quote 1
                    • s.molinari
                      s.molinari last edited by

                      Did I misunderstand what “fixed” columns are? I guess I did. 😊

                      Scott

                      1 Reply Last reply Reply Quote 0
                      • F
                        flight9 @s.molinari last edited by

                        @s-molinari sorry, I mean another ‘fixed’ just like ‘frozen column’ in Excel. still thanks

                        1 Reply Last reply Reply Quote 0
                        • F
                          flight9 @metalsadman last edited by

                          @metalsadman Thank you.
                          I found in some lower version chrome-core browser, this ‘Sticky column’ does not work.

                          metalsadman 1 Reply Last reply Reply Quote 0
                          • metalsadman
                            metalsadman @flight9 last edited by

                            @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.

                            1 Reply Last reply Reply Quote 0
                            • First post
                              Last post