Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.04.2019, 18:04
Аспирант
Отправить личное сообщение для alex-romanov Посмотреть профиль Найти все сообщения от alex-romanov
 
Регистрация: 02.02.2019
Сообщений: 48

Как задать определенным столбцам, ширину?
Я пробовал несколько вариантов, одни из таких

$('table' + selector + ' ' + 'th:nth-of-type(3)').css({
                        'width': '1px'
                    });
                    $('table' + selector + ' ' + 'td:nth-of-type(3)').css({
                        'width': '1px'
                    });


или

$('th').css({
                        'width': '1px'
                    });



вот основные стили для таблицы

/*Стили для таблицы*/
            styleAttributesForTable = {
                'border': "solid 2px blue",
                'border-collapse': 'collapse', /*убираем расстояние между ячейками*/
                'margin-top': '2%',
                'padding-top': '2%',
                'margin-left': '2%',
                'margin-bottom': '2%',
                'margin-right': '10%',
                'height': '40%',
                 'width': '100%',
                'background-color': '#FFFFE0',
                'cellspacing': '0'
 
            };
 
            /*атибуты стиля тега 'th'*/
            styleAttributesForTh = {
                'border': 'solid 1px green',
                'padding': '5px',
            //    'width': '30px',
                'font-size': '18px',
                'font-style': 'italic'
            };
 
            /*атибуты стиля тега 'td'*/
            styleAttributesForTd = {
                'border': 'solid 1px purple',
              //  'width': '30px',
                'font-size': '15px'
            };
Ответить с цитированием
  #2 (permalink)  
Старый 18.04.2019, 08:37
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,296

Сообщение от alex-romanov
Как задать определенным столбцам, ширину?
Можно использовать col...

И вместо копирования каких-то кусков лучше бы сделал тестовый пример.
Ответить с цитированием
  #3 (permalink)  
Старый 19.04.2019, 14:37
Аспирант
Отправить личное сообщение для alex-romanov Посмотреть профиль Найти все сообщения от alex-romanov
 
Регистрация: 02.02.2019
Сообщений: 48

Да спасибо, я уже в ветке jQuery - решил задачу.

атрибут `col` в данном случае не подойдет.

Для того, чтобы применить ширину для колонок текущего столбца , в моем случае, нужно было сделать так, чтобы в цикле обработалась уже выведенная таблица на страницу:
- для каждого тега `th` столбца я применил `width`, а затем использовал селекторы , чтобы применить такой же стиль для всех ячеек текущего столбца.

https://javascript.ru/forum/jquery/7...o-stolbca.html
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получить ширину html элемента?(возвращает NaN или auto) manking Общие вопросы Javascript 2 23.03.2012 12:17
Как узнать ширину diva Reflexion Общие вопросы Javascript 6 02.10.2011 09:39
Как сделать разную ширину у этих двух селектов? aleks7890 (X)HTML/CSS 2 11.05.2011 09:51
как в datepicker задать диапазон дат во время выполнения скрипта. Yurik jQuery 0 23.02.2011 11:19
Как правильно задать ID в создаваемом элементе ? Indiana Events/DOM/Window 15 31.10.2010 15:15