[быстрый поиск] Как определить количество отображаемых строк?

Я использую jQuery с плагинами TableSorter и QuickSearch. Эти работают нормально.

Как я могу:

  1. динамически отображать номера строк для каждой отображаемой строки?

  2. где-то на моей странице отображать общее количество отображаемых строк?


jquery tablesorter quick-search
person Ayman    schedule 24.08.2010    source источник

Ответы (2)


arrow_upward
2
arrow_downward 

 $('tr:visible').length

Вы дадите количество видимых строк на странице.

Что-то вроде:

 var rowCount = $('tr:visible').length;
 $('#rowCountDiv').html(rowCount + "rows");

Запишет число в div на вашей странице с id rowCountDiv

person HurnsMobile    schedule 24.08.2010

arrow_upward
1
arrow_downward

Вот правильный ответ. В PHP используйте что-то вроде этого:

echo "Dynamic count: <p id=\"count\"></p>";

Затем в quickSearch добавьте функцию onAfter.

onAfter: function() {
    document.getElementById("count").innerHTML=($('tr:visible').length-1);
}

Вуаля! Теперь у вас есть динамический счетчик, который обновляется при каждом поиске в таблице.

person Josh    schedule 05.01.2012