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.

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.

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.

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.