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
    1841
    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.
    • 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