В настоящее время я программирую таблицу данных с использованием JQuery, однако у меня возникает проблема при попытке добавить некоторые элементы сортировки.
Я добавил элемент селектора, который позволяет мне выбирать, какие элементы моего столбца «модуль» я хочу оставить видимыми, и, следовательно, скрыть все остальные данные.
Для этой цели я написал скрипт JQuery, который работает не полностью. Действительно, когда я выбираю значение для своего «модуля», текущая страница таблицы данных хорошо сортируется, целевые модули остаются видимыми, а остальные скрыты. Однако сортировка не отображает другие значения в моей таблице на первой странице.
Давайте рассмотрим пример:
У меня есть 100 строк в моей базе данных, из этих 100 строк 10 соответствуют моему выбору. В этих 10 строках только 2 присутствуют на первой странице, отображаемой моей таблицей данных. В этом случае на экране отображаются только две строки, а остальные не видны (потому что они, вероятно, скрыты числом строк, налагаемых данными).
Но проблема не останавливается там. Когда я выбираю новую страницу для моей таблицы данных, она обновляется, моя сортировка полностью удаляется ...
Вот скрипт JQuery, который я использую:
function sortTable(value){
var table,rows,target;
table = document.getElementById("tableau");
rows = table.rows;
for(i=1; i<rows.length;i++){
if(rows[i].cells[2].innerHTML!=value){
target = rows[i];
target.style.display = 'none';
}else {
target = rows[i];
target.style.display = '';
}
}
}
Мне бы хотелось, чтобы при сортировке все оставшиеся видимыми строки возвращались на первую страницу, как если бы я заново создавал таблицу данных только с нужными строками. Также при смене страниц хотелось бы, чтобы сортировка оставалась эффективной ....
Я надеюсь, что кто-то может мне помочь!
Заранее спасибо.
С