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

#html #jquery #css #json #bootstrap

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




  
  
  
  
  
  




  
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
      
    
  





    

Ответы

Ответ 1

Скрипт для изменения ширины простой, только Bootstrap задает свои стили для таблиц
растягивая их по ширине. Так что ширина точно такой как в массиве не будет.

const column = ["23.798634", "145.57683400000002", "233.353834"];

$('.table').find('thead th').each((i, th) => {
  $(th).width(column[i]);
});