Изменить конкретный td в таблице данных

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

Это код, который я использовал:

<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>

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

javascript vue.js vuejs2

10.05.2019 07:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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) выбирает предпоследний столбец.

однако в будущем я мог бы добавить другой столбец

— 10.05.2019 07:41

Затем вы можете переключиться с last-of-type на nth-last-of-type(x), где x — это индекс столбца Всего (например, используйте nth-last-of-type(2) для предпоследнего столбца).

— 10.05.2019 07:46

10.05.2019 07:37