@s-molinari
How should I pass it to props?

I want to format q-table using multiconditions for rows:

<q-table
    :title="'Exposure Data for Loan ID: ' + selectedID + ' [' + valuationCurrency + ']'"
    :data="TableData"
    :columns="TableCols"
    row-key="Name"
    hide-bottom
    class="col-9 valuation-exposure-table"
    style="margin: 0 auto;"
    :pagination.sync="pagination"
  >
    <template v-slot:body="props">
      <q-tr :props="props" :class="tableFormat">
        <q-td v-for="col in props.cols" :key="col.name" :props="props">{{ col.value }}</q-td>
      </q-tr>
    </template>
  </q-table>

However when I assign tableFormat class I get error:
TypeError: Cannot read property 'row' of undefined

So here is my computed class with my multiple conditions

tableFormat() {
      if (
        this.props.row.Name === "Scheduled CF to equity before costs" ||
        this.props.row.Name ===
          "Scheduled CF to equity after servicing and funding" ||
        this.props.row.Name === "Expected CF to equity" ||
        this.props.row.Name === "Present value equity"
      ) {
        return "text-bold";
      } else if (
        this.props.row.Name === "Inputs used" ||
        this.props.row.Name === "Outstanding balance" ||
        this.props.row.Name === "Cash flows payments"
      ) {
        return "bg-accent text-white text-subtitle2";
      } else {
        return "bg-white text-black";
      }
    },

I have a method that calls some async functions and in the callback I want to increment the loadingBar by some value. So when this function finishes running- or when the method reaches that level the loadingbar should increment.
However it seems the loadingBar increments no matter what value I put.

setMarketParameters() {
          this.$q.loadingBar.start()
          this.$q.loadingBar.increment(0.1)
          window.eel.valuate()((val) => {
            window.eel.summarizePortfolio("All", "All", "All")(val => {
              this.updatePortfolioSummary(val);
              this.$q.loadingBar.increment(0.3)
              window.eel.getDatatapeUniqueProductFiltering()(val => {
                this.updateProductOptions(val);
                this.$q.loadingBar.increment(0.2)
                window.eel.getDatatapeUniqueRiskFiltering()(val => {
                          });
                      });
                    });
          }

So in my understanding when the nested functions are called then at that time the bar should be incremented by that value (0.3) and then 0.2 when it reaches it. But instead its getting incremented by small chunks no matter what and kind of stays around 95% until all the functions are finished running.

Is it possible to add message bellow the spinner that changes on timeout in the innerLoading component: https://quasar.dev/vue-components/inner-loading
just like it works with the loading-plugin:
https://quasar.dev/quasar-plugins/loading ?

Im trying to use inner loading component like it can be used with the plugin but inside a q-card component, just not sure how I would be able to apply it.

How can I change active class color of the item in dropdown list that is used in Q-Table? The one that is supposedly higlighting columns that are chosen to blue. However somehow in my case they are not higlighted.
I tried using

.q-item.q-router-link--active, .q-item--active {
  color: blue;
}

However it wont work. Whenever it is selected or not the color remains the same.

Here is my table

<q-table

  flat
  bordered
  title="Treats"
  :data="data"
  :columns="columns"
  row-key="name"
  hide-bottom
  class="sticky-header"
    :visible-columns="visibleColumns"
>
      <template v-slot:top>
    <img
      style="height: 50px; width: 50px"
      src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg"
    >

    <q-space />

    <q-select
      v-model="visibleColumns"
      multiple
      outlined
      dense
      options-dense
      :display-value="$q.lang.table.columns"
      emit-value
      map-options
      :options="columns"
      option-value="name"
      options-cover
      style="min-width: 150px"
    />
  </template>
</q-table>

So I’m trying to create CI/CD pipeline for my quasar app (I use Azure pipelines for that)
So first thing I do is I run
npm install -g @quasar/cli
then npm install
And so far it works
But then as I understand I should have quasar set globally on that virtual machine but it does not work:
On the next step I run
quasar build
And I get error:
quasar: command not found
Should I run that command in a different way? Not sure how though