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
    1. Home
    2. section14
    S
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 4
    • Best 0
    • Groups 0

    section14

    @section14

    0
    Reputation
    201
    Profile views
    4
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    section14 Follow

    Latest posts made by section14

    • RE: [Solved] Change Q-Input underline color

      Okay, I figured it out. Solution is in the style tag:

       .q-if::before {
         background-color: black !important;
       }
      

      This kinda feels like a hack though. Will it break at some point after an update? underline-color on the component itself feels like the right way.

      posted in Framework
      S
      section14
    • [Solved] Change Q-Input underline color

      Is there a way to change the color of a Q-Input underline? I understand that color changes the color once it’s been entered, but that’s not what I’m after. I’ve tried to dig down, but I’m not even sure how this is being set.

      posted in Framework
      S
      section14
    • RE: Responsive layout in Q-Table v0.15

      Thank you for the reply. It works, but it seems like the data is all confined to the width of the first row. Maybe that’s due to my q-table layout? I cannot, for the life of me, seem to get the q-tr to work with q-td. I can get q-td to work on it’s own, but not both. q-tr is definitely being imported. I can style it, but the td is never loaded. Here’s my code:

       <q-table
          :data="dogData"
          :columns="columns"
          :hide-bottom="true"
          :rows-per-page-options=[0]
          :pagination.sync="pagination"
          row-key="name"
          class="table-responsive link-cursor"
        >
      
          <q-tr slot="body" slot-scope="props" @click.native="test()" class="cursor-pointer" :props="props">
            
            <q-td slot="body-cell-number" slot-scope="props" @click.native="test()" :props="props">
              <span class="text-red-10">{{props.row.TAGNUM}}</span>
            </q-td>
      
            <q-td slot="body-cell-first_name" slot-scope="props" data-label="Tag Number" :props="props">
              <span class="text-black">{{props.row.FIRSTNAME}}</span>
            </q-td>
      
             ...
          
          </q-tr>
      
        </q-table>
      

      I followed the docs, but nothing shows up when using q-tr. As soon as I comment it out, all the fields show up. Like the props aren’t passed down. I looked at the source code for q-tr, but can’t see anything glaring. At this point, I’d just like to implement the old one. I have no use for any bells or whistles. Just a simple table that is responsive.

      posted in Help
      S
      section14
    • Responsive layout in Q-Table v0.15

      In previous versions of Quasar with the Q-Data-Table, when you viewed it in mobile (sub 600px) mode, the table converted each row to a “responsive” version where the columns were listed vertically per row. An example can be shown here: http://v0-14.quasar-framework.org/components/datatable.html

      However, with this new Q-Table, the table stays the same regardless of desktop or mobile view. Even the official docs seem to keep the traditional table view on mobile. Am I missing something obvious? Has it been removed? Horizontally scrolling any table over a handful of columns is cumbersome at best.

      posted in Help
      S
      section14