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.