Можно ли добавлять\менять цвета строк через javascript в Bootstrap 4?

@_Night_Scream_ · Регистрация: 08.08.2013

Студворк — интернет-сервис помощи студентам

Добрый день.
Есть задача подгружать через ajax строки в таблицу bootstrap 4 и заодно произвольные строки уже существующие должны изменять свой цвет.
Не могу найти нормальное API, подскажите как рулить.

@senyaarseniy · 21.04.2018, 17:23

Ну я бы посоветовал не использовать bootstrap - так как css уже достаточно развиля чтобы отказаться от таких библиотек.
А если по делу - из вопроса сложно понять что нужно автору...

@MrOnlineCoder · 21.04.2018, 17:27

Сообщение от _Night_Scream_

уже существующие должны изменять свой цвет.

если вы про Bootstrap 4 Color Tables, то добавляйте нужный класс на нужные элементы <tr>.

@_Night_Scream_ · 23.04.2018, 14:26 **[ТС]**

MrOnlineCoder, да, про них.

Есть начальная таблица, строк на 10 допустим, каждые несколько секунд делается ajax запрос и в зависимости от ответа подкрашиваются некоторые строки зеленым\желтым.
В это же время может добавиться еще 10 строк, так же через данные от ajax (как-то их надо добавить в сущ. таблицу).

Тоесть методов у таблицы addRow или appendRow нет.
Соответственно получить строку по индексу я не могу, например изменить цвет у индекса номер 15.

Получается вставлять строки надо путём добавления html ?
С id самому следить за уникальностью и присваивать каждой свой строке?

@MrOnlineCoder · 23.04.2018, 19:17

Сообщение от _Night_Scream_

Тоесть методов у таблицы addRow или appendRow нет.
Соответственно получить строку по индексу я не могу, например изменить цвет у индекса номер 15.
Получается вставлять строки надо путём добавления html ?
С id самому следить за уникальностью и присваивать каждой свой строке?

нужно вам придумать способ как бы это все отслеживать: как уже вы сказали, следить за уникальностью id, можно при получении информации из ajax менять не html, а некое представление данных в скрипте (например массив) и потом перерисовывать уже эти данные в html.

JavaScript
1
2
3
4
5
6
7
8
9
var data = [];
 
function updateHTML() {
  //перерисовать data в html
}
 
...
data = ajax.newdata; //получить новые данные из ajax
updateHTML();

Если ситуация позволяет, можно подключить какой то фреймворк, vue.js допустим. Это упростит текущую задачу и облегчит будущие.

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@_Night_Scream_ 91 / 86 / 12 Регистрация: 08.08.2013 Сообщений: 667

	Можно ли добавлять\менять цвета строк через javascript в Bootstrap 4? 21.04.2018, 06:40. Показов 1185. Ответов 4 Метки нет (Все метки) Добрый день. Есть задача подгружать через ajax строки в таблицу bootstrap 4 и заодно произвольные строки уже существующие должны изменять свой цвет. Не могу найти нормальное API, подскажите как рулить. 0

@senyaarseniy 32 / 32 / 14 Регистрация: 30.11.2013 Сообщений: 139
	21.04.2018, 17:23
	Ну я бы посоветовал не использовать bootstrap - так как css уже достаточно развиля чтобы отказаться от таких библиотек. А если по делу - из вопроса сложно понять что нужно автору... 0

@_Night_Scream_ 91 / 86 / 12 Регистрация: 08.08.2013 Сообщений: 667
	23.04.2018, 14:26 [ТС]
	MrOnlineCoder, да, про них. Есть начальная таблица, строк на 10 допустим, каждые несколько секунд делается ajax запрос и в зависимости от ответа подкрашиваются некоторые строки зеленым\желтым. В это же время может добавиться еще 10 строк, так же через данные от ajax (как-то их надо добавить в сущ. таблицу). Тоесть методов у таблицы addRow или appendRow нет. Соответственно получить строку по индексу я не могу, например изменить цвет у индекса номер 15. Получается вставлять строки надо путём добавления html ? С id самому следить за уникальностью и присваивать каждой свой строке? 0