Q-table SASS for a specific file

[keechan]

Hello,

I have several vue files, each of which has multiple tables (and ~10 columns each).

I want to be able to style q-tables in such a way that all q-tables per file will have the same style.

Currently I have something like this:

<style lang="sass" >
.q-table--dense
  .q-table
    th, td
      white-space: normal
      border: 0.5px solid grey-1
    thead tr, tbody tr, tbody td
      max-width: 300px
    tbody td
      font-family: "Consolas"
      font-size: 14px
</style>

But this overwrites the entire q-table and all other q-tables from other files are getting this styling.

Is there a way to make this ‘local’? I do not want to specifically change this per column as it will cause too much work considering the many, many tables and columns… Thanks!

[jraez]

I guess you can use vue scoped css.

https://vue-loader.vuejs.org/guide/scoped-css.html

[keechan]

This post is deleted!

[keechan]

@jraez Great, works perfect! Thanks much!