Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять ширину колонок в двух таблицах / 7 сообщений из 7, страница 1 из 1
25.12.2009, 00:16
    #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
25.12.2009, 08:06
    #36385798
Korcar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять ширину колонок в двух таблицах
а если попробовать свойство offsetWidth вместо clientWidth?
...
Рейтинг: 0 / 0
25.12.2009, 21:21
    #36387445
RegisteredUser
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как выровнять ширину колонок в двух таблицах
Korcarа если попробовать свойство offsetWidth вместо clientWidth?

еще шире стало чем было....
...
Рейтинг: 0 / 0
25.12.2009, 22:43
    #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
26.12.2009, 22:39
    #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
26.12.2009, 23:25
    #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
27.12.2009, 00:17
    #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
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как выровнять ширину колонок в двух таблицах / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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