powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять ширину колонок в двух таблицах
7 сообщений из 7, страница 1 из 1
Как выровнять ширину колонок в двух таблицах
    #36385637
RegisteredUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Есть две динамические таблицы (в UpdatePanel). ID в обоих проставлены везде.
Таблицы располагаются друг под другом.
Надо после генерации обоих таблиц выровнять ширину столбцов второй (нижней таблицы) по ширине стобцов первой (верхней таблицы).

Желательно сделать это в jQuery.
я пробывал сделать так:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
function adjustColWidth(jQtable_top, jQtable_bottom) {

    col_count_template = $('tr:last td', jQtable_top).length;
    col_count_target = $('tr:last td', jQtable_bottom).length;
    
    if (col_count_template >  0 ) {
        if (col_count_target >  0 ) {
            for (var i =  0 ; i < col_count_target; i++) {
                $('td', jQtable_bottom)[i].style.width = $('tr:last td', jQtable_top)[i].clientWidth;
            }      
        } }
}


но выравнивание не олучается - все колонки нижней таблицы намного шире верхней.
...
Рейтинг: 0 / 0
Как выровнять ширину колонок в двух таблицах
    #36385798
Korcar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
а если попробовать свойство offsetWidth вместо clientWidth?
...
Рейтинг: 0 / 0
Как выровнять ширину колонок в двух таблицах
    #36387445
RegisteredUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Korcarа если попробовать свойство offsetWidth вместо clientWidth?

еще шире стало чем было....
...
Рейтинг: 0 / 0
Как выровнять ширину колонок в двух таблицах
    #36387542
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
RegisteredUser,

а так?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
function adjustColWidth(template_table, target_table) {
	var template_cols = $('tr:last td', template_table);
	var target_cols   = $('tr:last td', target_table);
	var template_width;
	for (var i =  0 , n = template_cols.length; i < n; ++i) {
		template_width = template_cols[i].width();
		target_cols[i].width(template_width);
	}
}
...
Рейтинг: 0 / 0
Как выровнять ширину колонок в двух таблицах
    #36388174
RegisteredUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
an0nymRegisteredUser,

а так?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
function adjustColWidth(template_table, target_table) {
	var template_cols = $('tr:last td', template_table);
	var target_cols   = $('tr:last td', target_table);
	var template_width;
	for (var i =  0 , n = template_cols.length; i < n; ++i) {
		template_width = template_cols[i].width(); // тут ошибка
		target_cols[i].width(template_width); // и тут тоже ошибка
	}
}


так совсем плохо: width() и width(template_width) - это ошибки!
...
Рейтинг: 0 / 0
Как выровнять ширину колонок в двух таблицах
    #36388208
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
function adjustColWidth(template_table, target_table) {
	var template_cols = $('tr:last td', template_table);
	var target_cols   = $('tr:last td', target_table);
	template_cols.each(function(key) {
		var template_width = jQuery(this).width();
		jQuery(target_cols[key]).width(template_width);
	});
}
...
Рейтинг: 0 / 0
Как выровнять ширину колонок в двух таблицах
    #36388244
RegisteredUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
an0nym
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
function adjustColWidth(template_table, target_table) {
	var template_cols = $('tr:last td', template_table);
	var target_cols   = $('tr:last td', target_table);
	template_cols.each(function(key) {
		var template_width = jQuery(this).width();
		jQuery(target_cols[key]).width(template_width);
	});
}



Гениально! заработало спасибо!
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять ширину колонок в двух таблицах
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]