Is there a simple way to change the label appearance?

I also think the labels are too washed out. I don’t know if there is an actual spec, but in every Material Design website I’ve looked at the labels are bit darker and clearer to read.

And there seems to be no requirement to make the symbols ($, the same color as the labels. To me, the symbols should be the text color.

I found in another post the following css sets the table height and adds the scroll.

.table-class {
  display: block;
  height: 500px;
}

It seems you also have to include the pagination property to get it to work.

Sadly, the scroll bar scrolls the entire table including the header <sigh>.

I was able to change the table height by setting the pagination property “rowsPerPage” to a number bigger than 5. Now that my table is at the height I want, I still want to the scroll bars to appear if the number of rows is greater than “rowsPerPage”.

I appreciate QTable has lots of pagination stuff to handle fetching data from a server but QTable should not be so tightly bound to this feature.

QTables only show 5 rows of data by default.

How can I change the height of table to show more rows?

If I dynamically add more than 5 rows to the table, I expected a scroll bar to display but it doesn’t. How can I get a scroll bar to appear?

No error. The mask simply doesn’t work.

I’m using v-mask on a q-input inside of a q-td. Maybe that’s the reason. As I said, I inspected the DOM and the v-mask attribute is missing.

I noticed q-input seems to be an INPUT layered in a couple of DIVs for styling. I’m wondering if I can make my own mask component by taking v-the-mask (which is an INPUT) and wrapping it in the same DIVs to get the q-input styling.

Has anyone figured out a good way to mask a field? (0.15+).

I tried v-mask but it doesn’t work. Inspecting the html, it looks like the v-mask directive doesn’t get passed down to the actual input element.

VMasker works but the user experience isn’t that great.

v-the-mask works great but its a component and doesn’t match the styling of q-input.

How do you set the column widths in a q-table?

I was able to create a table with enterable cells using q-input but the column widths are all the same.

For a table, some columns need to wider than others. I can’t find anything in the docs. This should be easy to configure.

How do you adjust the column widths in a data table?

I was able to create a table with enterable cells using q-input but the column widths are all the same. For a table, some columns need to wider than others. This should be easy to configure.