Страницы

Поиск по вопросам

среда, 15 мая 2019 г.

Как задать ширину колонок таблицы из массива JSON c помощью JQuery?

Есть массив JSON ["27.798634","145.57683400000002","223.353834"] и таблица Bootstrap, состоящая из трех колонок. Как с помощью JQuery задать каждой колонке значение ширины соответствующее значениям в массиве JSON?
Bootstrap Example

Bordered Table

The .table-bordered class adds borders to a table:

Firstname Lastname Email
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com


Ответ

Скрипт для изменения ширины простой, только Bootstrap задает свои стили для таблиц растягивая их по ширине. Так что ширина точно такой как в массиве не будет.
const column = ["23.798634", "145.57683400000002", "233.353834"];
$('.table').find('thead th').each((i, th) => { $(th).width(column[i]); });

Комментариев нет:

Отправить комментарий