kristow,
медитируйте над двоечкой в коде везде
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TinyTable</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">
</table>
<div id="controls">
<div id="perpage">
<select onchange="sorter.size(this.value)">
<option value="5">5</option>
<option value="10" selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Entries Per Page</span>
</div>
<div id="navigation">
<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />
<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter.move(1,true)" />
</div>
<div id="text">Displaying Page <span id="currentpage"></span> of <span id="pagelimit"></span></div>
</div>
<table cellpadding="0" cellspacing="0" border="0" id="table2" class="sortable">
</table>
<div id="controls">
<div id="perpage">
<select onchange="sorter2.size(this.value)">
<option value="5">5</option>
<option value="10" selected="selected">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
<span>Entries Per Page</span>
</div>
<div id="navigation">
<img src="images/first.gif" width="16" height="16" alt="First Page" onclick="sorter2.move(-1,true)" />
<img src="images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter2.move(-1)" />
<img src="images/next.gif" width="16" height="16" alt="First Page" onclick="sorter2.move(1)" />
<img src="images/last.gif" width="16" height="16" alt="Last Page" onclick="sorter2.move(1,true)" />
</div>
<div id="text">Displaying Page <span id="currentpage2"></span> of <span id="pagelimit2"></span></div>
</div>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var sorter = new TINY.table.sorter("sorter");
sorter.head = "head";
sorter.asc = "asc";
sorter.desc = "desc";
sorter.even = "evenrow";
sorter.odd = "oddrow";
sorter.evensel = "evenselected";
sorter.oddsel = "oddselected";
sorter.paginate = true;
sorter.currentid = "currentpage";
sorter.limitid = "pagelimit";
sorter.init("table",1);
var sorter2 = new TINY.table.sorter("sorter2");
sorter2.head = "head";
sorter2.asc = "asc";
sorter2.desc = "desc";
sorter2.even = "evenrow";
sorter2.odd = "oddrow";
sorter2.evensel = "evenselected";
sorter2.oddsel = "oddselected";
sorter2.paginate = true;
sorter2.currentid = "currentpage2";
sorter2.limitid = "pagelimit2";
sorter2.init("table2",1);
</script>
</body>
</html>