Пример разместил тут
http://fapsi.su/testform/index.php
(Тестовый вариант, на названия столбцов таблицы внимания не обращайте)
Для сортировки таблицы и постраничной навигации использую TableSorter.
Блок навигации
<div id="pager" class="pager" style="top: 650px; position: absolute; ">
<form>
<img src="images/table/first.png" class="first">
<img src="images/table/prev.png" class="prev">
<input type="text" class="pagedisplay">
<img src="images/table/next.png" class="next">
<img src="images/table/last.png" class="last">
<select class="pagesize">
<option selected="selected" value="10">10</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
</form>
</div>
Поправил код скрипта jquery.tablesorter.pager.js - дефолтный size 10 поменял на 100000000000. Иначе вызов формы редактирования по двойному клику срабатывает только по первым 10 строкам.
...
this.defaults = {
size: 100000000000,
offset: 0,
page: 0,
totalRows: 0,
...
И вместо первых 10 строк (
<option selected="selected" value="10">10</option>) выходит вся таблица.
Что дописать в скрипте, в коде страницы, чтобы выходили первые 10 (или любое другое заданное количество) строк?