Форум Сайтостроение Веб-строительство

Выравнивание строк таблицы по ширине содержимого (js, jquery)

Sanu0074
На сайте с 31.08.2012
Offline
110
Sanu0074
724

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

т.е. все ячейки (столбцов может быть много, динамич колво) должны выравниваться по ширине содержимого, а оставшаяся ширина должна распределяться на последний столбец

png xxx.png
Sanu0074
На сайте с 31.08.2012
Offline
110
Sanu0074
#1

добавил nowrap и ширину 1% к td в css, и сделал так

var cols = $('.table-list tr').first().find('th').length;
            console.log('Колво столбцов: '+cols);
            
            $('.table-list tr td:last-child,.table-list th td:last-child').width('auto');

Вроде как надо работает!

GoRSS
На сайте с 29.07.2013
Offline
138
GoRSS
#2

Вы имели ввиду что первый столб слишком широкий? Если да, то для второго можно установить ширину 100%, а для первого padding-right:20px для красоты.

https://commersoft.ru - софт: Google Indexing [индексация в Гугле по API] - Webcontrol [мониторинг сайтов и доменов]

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий