Изменить спецификацию в datatable

Question

Я использую vuetable-2 (ratiw) для создания следующей таблицы:

Это кодчто я использовал:

<vuetable ref="vuetable"
          api-url="/api/expenses"
          :fields="['cgs', 'payroll', 'others', 'rent', 'total']"
          pagination-path=""
          :http-fetch="myFetch"
          @vuetable:pagination-data="onPaginationData">
</vuetable>

<vuetable-pagination ref="pagination" :css="css.pagination" @vuetable- 
pagination:change-page="onChangePage"></vuetable-pagination>

Как сделать текст строки в столбце Всего жирным?Возможно ли использование этого пакета?

Answer 1

Вы можете сделать это с помощью CSS.Используйте .vuetable td:last-of-type, чтобы выбрать последний столбец, и примените font-weight: bold:

.vuetable td:last-of-type {
  font-weight: bold;
}

jsfiddle

Если вам нужно добавить еще один столбец позже, вы можете переключиться с :last-of-type на :nth-last-of-type.Например, td:nth-last-of-type(2) выбирает второй или последний столбец.