Q-table SASS for a specific file
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-tableand 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!
I guess you can use vue scoped css.
This post is deleted!
@jraez Great, works perfect! Thanks much!