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 add border-spacing in Q-Table

    Framework
    4
    13
    1105
    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.
    • dobbel
      dobbel @codethirsty last edited by

      @codethirsty

      then use it as inline style with important. Should override everything.

      J 1 Reply Last reply Reply Quote 0
      • C
        codethirsty last edited by

        @dobbel did you know something about this https://forum.quasar-framework.org/topic/7302/input-s-error-message-s-color

        1 Reply Last reply Reply Quote 0
        • J
          jmriyaz84 last edited by

          Thanks Team for your help , I will try & let you now

          1 Reply Last reply Reply Quote 0
          • J
            jmriyaz84 last edited by

            Thanks a lot , its working

            1 Reply Last reply Reply Quote 0
            • J
              jmriyaz84 @dobbel last edited by

              @dobbel Thanks

              1 Reply Last reply Reply Quote 0
              • J
                jmriyaz84 last edited by

                @dobble & Team , It is working in codepen but when I add below css in my actual code under <style scoped> tag it is not working , any idea how to solve this.

                https://codepen.io/jmriyaz84/pen/ZEpYdry

                <style scoped>
                .q-tab-panels {
                border: 1px solid #eeeeee;
                border-top: none;
                }
                .q-table {
                border-spacing: 2px !important;
                }
                .panel {
                background: url(…/…/…/assets/top_middle.jpg);
                }
                tbody tr:nth-child(2n-1) {
                background: #b2d9f3;
                text-align: center;
                color: #000000;
                font-weight: normal;
                font-size: 11px;
                height: 16px;
                border: #2d2d2d;
                }
                tbody tr:nth-child(2n) {
                background: #ddedf7;
                text-align: center;
                color: #000000;
                font-weight: normal;
                font-size: 11px;
                height: 16px;
                }
                .acd-card {
                width: 100%;
                max-width: 500px;
                }
                </style>

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

                  @jmriyaz84 use deep selectors https://www.google.com/amp/s/www.telerik.com/amp/understanding-vue-deep-css-selector/WEx1ZE1sRUVUWkE5S0dNbEhBNXJyUkU3T1Q4PQ2. Sidenote in sass/scss use ::v-deep.

                  1 Reply Last reply Reply Quote 0
                  • J
                    jmriyaz84 last edited by

                    @metalsadman it does the magic , thanks for your help . Happy to have great community .

                    1 Reply Last reply Reply Quote 0
                    • J
                      jmriyaz84 last edited by

                      @metalsadman One more help each . Every time when I run quasar build command it creates js & css files with different name , like vendor.d4137955.js & app.711265e7.js , so every time I have to delete old files & copy these new files in my tomcat server (which is monolithic application designed through JSP) .
                      It would be great if any configuration available to create those files in same name so that I just drag & drop. It will save lot of time.

                      dobbel 1 Reply Last reply Reply Quote 0
                      • dobbel
                        dobbel @jmriyaz84 last edited by dobbel

                        @jmriyaz84

                        There’s a reason why it changes names: if you change the file contents and don’t change the name, most browsers will not request the new file and you’ll have to do a hard f-5 to load the new file from the server.

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