jquery - изменить размер столбцов таблицы на основе видимости и веса

Question

Хорошо, поэтому я работаю над страницей, которая позволяет пользователям выбирать столбцы в таблице, которую они хотят видеть. Некоторые колонки должны быть шире, чем другие из-за контента, поэтому мне нужно дать им вес.

Я могу скрыть каждый столбец достаточно легко, но после скрытия каждого столбца мне нужно изменить его размер.

Так скажем, у меня есть это:

var columns = { 
    //column name: weight 
    id: 1, 
    firstName: 2, 
    lastName: 3, 
    email: 3, 
    address: 4 
} 

Я мог бы петлю через и определить, какие из них скрыто довольно легко с JQuery, но как бы я подсчитать, какая ширину применить к каждому колонку?

Answer 1

Если вы можете сделать процентную ширину, просто добавьте вес всех видимых столбцов и используйте эту формулу - столбец [i] .css («ширина», ((вес столбца)/(общий вес всех видимых столбцов) * 100) + "%");

Answer 2

CSS может установить ширину в процентах, чтобы вы могли установить ее (вес/сумма_из_выражения_высоты) * 100%. Или, если вы планируете определенную общую ширину таблицы, несколько процентов на нее сами и установите ширину в пикселях (или любой другой).