Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.11.2012, 12:53
Аватар для Sveta
Профессор
Отправить личное сообщение для Sveta Посмотреть профиль Найти все сообщения от Sveta
 
Регистрация: 10.10.2012
Сообщений: 153

UI DataTable при изменении размеров окна браузера
Здравствуйте! Может быть кто-нибудь сталкивался с такой проблеммой?
При загрузке страницы, динамически формирую таблицу. Проблемма в том, что при изменении окна браузера - при уменьшении, ячейки тоже уменьшаются, что просто замечательно, но при обратном увеличении на весь экран расширяются только ячейки с данными, а не с заголовками столбцов...и данные начинают не соответствовать заголовкам...и так во всех браузерах...
Ответить с цитированием
  #2 (permalink)  
Старый 16.11.2012, 14:38
Профессор
Отправить личное сообщение для Hoshinokoe Посмотреть профиль Найти все сообщения от Hoshinokoe
 
Регистрация: 08.01.2012
Сообщений: 253

Sveta,

сделайте небольшой пример того, что не работает и выложите на jsfiddle.com.

Сделал пару примеров с dataTable - заголовки меняются вместе с содержимым. Проверял на FF.
Ответить с цитированием
  #3 (permalink)  
Старый 19.11.2012, 09:45
Аватар для Sveta
Профессор
Отправить личное сообщение для Sveta Посмотреть профиль Найти все сообщения от Sveta
 
Регистрация: 10.10.2012
Сообщений: 153

Да в принципе у меня самая обычная таблица, в ней много колонок и строк...я так поняла мне нужно разобраться с атрибутами:
var default_options = {
"sScrollY": "500px",
"sScrollX": "500px",
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aaData":myJson.aaData,
"aoColumns":myJson.Def_aaData.Abrev	
				};
			 
			   $('#example').dataTable(default_options);

"sScrollY": "500px",
"sScrollX": "500px",
"sScrollXInner": "100%"

может еще какие атрибуты посмотреть...сижу разбираюсь...
Главное когда загружается окно - все хорошо, нажимаю кнопку уменьшить/увеличить окно - тоже все хорошо, но стоит мне самой мышкой менять размер окна - как данные начинают сжиматься сами по себе, а заголовки сами по себе....
Ответить с цитированием
  #4 (permalink)  
Старый 19.11.2012, 10:02
Аватар для Sveta
Профессор
Отправить личное сообщение для Sveta Посмотреть профиль Найти все сообщения от Sveta
 
Регистрация: 10.10.2012
Сообщений: 153

Я поняла в чем была ошибка...но как исправить ее не представляю...
//Формирование таблицы			
	$.getJSON("data_m1.json", function (myJson) {		
		var table="<div id='demo'><table cellpadding='0' cellspacing='0' border='0'  class='display' id='example'><thead id = 'headTable'></thead><tbody id = 'bodyTable'></tbody><tfoot></tfoot></table></div>";	
			$('#container').html('');
			$('#container').append(table);	
			var colName="";//имена колонок
			var mystr="<tr>";
			  for(var i=0; i<myJson.Def_aaData.Abrev.length; i++){
			  colName="<th>"+myJson.Def_aaData.Abrev[i]+"</th>"
				mystr=mystr+colName;
			  }
			mystr=mystr+"</tr>";
			$('#headTable').html('');
			$('#headTable').append(mystr);	
					  //Таблица
				var default_options = {
					"sScrollY": "500px",
					"sScrollX": "500px",
					"sScrollXInner": "100%",
					"bJQueryUI": true,
					"sPaginationType": "full_numbers",								
					"aaData":myJson.aaData,//строки
					"aoColumns":myJson.Def_aaData.Abrev//стобцы(количество)
						
				};
			 
			   $('#example').dataTable(default_options);		
	});

Как видно из кода, я весьма странным образом подгружаю колонки из json-файла (сначала добавляю пустые колонки, а поверх код в html с названиями...разумеется он названия не воспринимает как нужно...)...но как их по-другому подгрузить - не представляю...а загвоздка именно в этом %) (((((((((((((((((((((((((((((((((((
Помогите, пожалуйста!!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение размера окна браузера pv! Общие вопросы Javascript 10 29.09.2019 08:45
событие при изменении значения переменной Раед Общие вопросы Javascript 13 24.07.2018 18:11
как при открытии окна закрыть предыдущее Евдокимова Events/DOM/Window 3 16.09.2008 17:12
Фиксация элемента внизу окна браузера Макс Events/DOM/Window 1 25.08.2008 13:46
Реклама по центру окна браузера Макс Элементы интерфейса 2 15.06.2008 00:55