QTable - functions for setting row style / classes (table-row-style / table-row-class)

Sometimes base on some criterias we want to set the TR style / class. The most common example would be coloring the whole row if a record has property set to certain value - let’s say reddish background for erros in log viewer.

The functions could take props as a parameter. For instance:

<q-table :table-row-style-fn="tableRowStyleFn" :table-row-class-fn="tableRowClassFn">
</q-table>

and methods

methods: {
    tableRowStyleFn(props) {
        return props.row.level === 'ERROR' ? ' text-color: white' : '';
    },
    tableRowClassFn(props) {
        return props.row.level === 'ERROR' ? ' bg-red-1' : '';
    }
}

Currently I’m using the body slot, but it could be problematic espacially with dynamic column setup “wide” (multi columns) tables.

[Bosphoramus]

@rstoenescu 👀 this is needed to apply styles conditionally, based on the row data

[vojvodics]

@orzinc Thanks for the suggestion! I use this for styling as a fix currently, but it doesn’t work if you have a selection column. And a feature for this is already implemented, hoping it’ll get merged soon 😃