Эффекты на основе Java Script

Таблица с возможностью задания колличества видимых строк, фильтрации по любому столбцу как вверх так и вниз, блокирование фильтрации по заданному столбцу

ID	Name	Phone	Email	Zip	Birthdate	Last Access	Rating	Done	Salary	Score
1	Ezekiel Hart	(627) 536-4760	tortor@est.ca	53082	12/02/1962	March 26, 2009	-7	7%	$73,229	6.9
2	Jaquelyn Pace	(921) 943-5780	in@elementum.org	46789	06/03/1957	October 20, 2006	-7	33%	$130,752	4.9
3	Lois Pickett	(835) 361-5993	arcu.ac@disse.ca	9814	10/15/1983	June 01, 1999	4	44%	$48,684	5.5
4	Keane Raymond	(605) 803-1561	at.risus.Nunc@ipsum.com	97129	07/30/1982	July 24, 1996	5	20%	$7,023	9.5
5	Porter Thomas	(666) 569-9894	non@Proin.ca	59953	09/27/1986	December 05, 2007	1	66%	$69,875	0.9
6	Imani Murphy	(771) 294-6690	Aenean.sed@elit.ca	69771	10/23/1970	December 08, 1996	-1	30%	$113,763	4.9
7	Zachery Guthrie	(851) 784-4129	nunc.nulla@vel.com	66960	12/22/1972	September 20, 2002	-5	24%	$130,248	6.9
8	Harper Bowen	(810) 652-6704	dis@duinec.ca	77110	10/26/1973	May 29, 1996	5	49%	$73,197	4.5
9	Caldwell Larson	(850) 562-3177	elit@dolor.com	87519	07/20/1985	June 22, 2004	-3	81%	$63,736	7.5
10	Baker Osborn	(378) 371-0559	turpis.Nulla@ac.edu	69446	03/29/1970	July 23, 2005	-7	61%	$2,868	0.1
11	Yael Owens	(465) 520-1801	nunc.ac.mattis@enim.com	93872	08/10/1963	April 09, 1997	10	85%	$126,469	8.9
12	Fletcher Briggs	(992) 962-9419	amet.ante@lentesque.edu	87282	08/12/1971	December 12, 2006	7	23%	$142,448	8.9
13	Maggy Murphy	(585) 210-0390	eu@Integer.com	98081	07/11/1968	April 02, 2007	9	31%	$40,267	6.9
14	Maggie Blake	(489) 101-5447	rutrum.non.hendrerit@iaculis.org	85131	04/11/1970	May 24, 2008	-2	32%	$99,686	7.9
15	Ginger Bell	(934) 692-7294	erat.in.conetuer@pedenout.org	78878	06/10/1957	April 13, 2003	-10	74%	$112,997	4.5
16	Iliana Ballard	(806) 835-7035	vel.sapien@mi.ca	84718	02/09/1989	March 27, 1996	-6	78%	$5,282	5.5
17	Alisa Monroe	(859) 974-4442	adipiscing.ligula@aretraNam.edu	89057	02/14/1990	April 30, 2003	6	95%	$103,999	5.9
18	Kenyon Luna	(673) 147-0443	Cras@Vestibulumant.edu	18035	04/14/1981	April 17, 2009	9	14%	$37,014	7.9
19	Nola Kerr	(340) 430-0424	tincidunt@vurmagna.com	93815	11/06/1959	August 14, 2000	10	2%	$104,149	0.5
20	Gail Cash	(291) 455-8520	massa.rutrum@Nullamlob.ca	16919	09/09/1970	April 27, 2002	-1	84%	$31,090	1.5
21	Kalia Ayala	(142) 520-1128	Etiam.laoreet@velit.org	45675	04/25/1971	March 30, 2001	5	30%	$44,641	5.9
22	Violet Ballard	(126) 374-6078	Integer.in.magna@ntumcollis.edu	45791	01/23/1984	June 08, 2006	-10	85%	$46,450	7.9
23	Kevin Carrillo	(687) 483-9669	in@adipiscing.edu	27432	03/17/1977	October 01, 2005	-3	5%	$51,754	1.5
24	Alexandra Nixon	(422) 644-3488	nec.luctus@ornarefacilisis.com	58955	12/01/1981	February 25, 2001	-1	41%	$46,672	7.5
25	Charissa Manning	(438) 395-9392	nibh.vulputate@necelendnon.org	63431	07/01/1980	April 02, 2005	-8	11%	$32,193	3.5
26	Noah Smith	(963) 652-2643	Sed.neque@Duis.org	83867	01/19/1986	April 03, 2005	-5	86%	$96,995	3.5
27	Patience Battle	(294) 644-5306	tempus.mauris@elempurus.com	43578	09/16/1988	October 19, 2003	7	62%	$47,510	4.5
28	Kathleen Hudson	(190) 189-1420	orci.quis@auctor.com	68091	08/03/1963	January 03, 2004	8	27%	$36,286	6.9
29	Marsden Bowman	(163) 780-6121	mauris.a@Sedcongueelit.edu	91684	03/08/1974	June 29, 2005	10	46%	$124,913	1.5
30	Dorian Hodge	(304) 536-8850	pellentesque@laoreet.org	29398	08/16/1978	February 21, 2007	6	6%	$28,057	0.1
31	Levi Britt	(272) 171-5731	felis@Donecfeugiat.ca	56521	12/10/1988	August 11, 2008	7	6%	$100,959	1.5
32	Rana Blake	(608) 893-4909	malesuada.fames@dui.edu	16341	07/23/1959	February 13, 1997	-4	26%	$87,972	4.9
33	Helen Mccullough	(937) 368-5946	sociis.natoque@myipsum.org	3033	09/13/1980	May 17, 2001	8	18%	$51,217	9.9
34	Gil Ferguson	(832) 581-6953	libero@Infaucibus.com	43556	04/19/1980	March 22, 1996	-6	83%	$120,374	6.9
35	Judah Manning	(332) 888-8768	congue@Nuncut.com	43672	07/16/1974	December 14, 2009	9	34%	$95,173	6.9
36	Yoshi Humphrey	(961) 215-0426	pharetra@rutrumFusce.edu	51179	01/13/1962	August 24, 1997	4	84%	$140,552	3.9
37	Idona Williams	(163) 580-2609	Integer.aliquam@Sedetlibero.org	88693	08/27/1967	February 22, 2000	-3	15%	$37,762	5.9
38	Petra Bennett	(976) 799-4111	Proin@Donecelementum.org	46753	01/02/1959	April 27, 1999	2	81%	$32,371	6.5
39	Phyllis Rogers	(798) 959-3321	eget.dictum.placerat@idlibero.ca	39212	11/27/1961	February 14, 2009	-10	42%	$77,847	4.9
40	Fritz Benton	(525) 353-2984	a@diamnunc.com	11530	10/02/1957	June 16, 2002	-5	2%	$75,654	8.9
41	Mannix Davidson	(106) 260-1651	pulvinar@Duisvolutpat.org	15815	08/24/1964	October 24, 2002	1	93%	$11,498	2.5
42	Grant Lawrence	(807) 487-5786	a@interdumlibero.ca	50743	10/10/1973	March 28, 2007	9	6%	$137,743	3.9
43	Laurel Ortiz	(945) 481-7808	laoreet.posuere@vallis.com	92426	08/19/1962	May 11, 2006	5	55%	$64,799	8.9
44	Lewis Frank	(844) 314-8683	fames@gravida.edu	35378	12/01/1966	January 25, 1998	5	30%	$99,927	1.5
45	Yasir Knox	(814) 509-0367	Cras.vulputate.velit@acusUt.com	36004	10/23/1981	August 20, 2007	-2	61%	$36,618	0.9
46	Palmer Newman	(955) 748-1014	fringilla@id.edu	78774	10/29/1980	December 28, 2007	-9	85%	$19,325	2.5
47	Tate Webster	(107) 247-3380	pellentesque@pedeultri.com	25232	06/11/1963	August 11, 2005	-4	14%	$109,433	6.5
48	Charity Hahn	(395) 200-9188	ac@Quisque.edu	28260	08/04/1976	January 17, 2009	-2	86%	$3,246	5.5
49	Katell Crosby	(259) 659-7498	tincidunt.vehicula@ura.com	31001	12/31/1961	January 02, 2007	8	10%	$67,319	8.9
50	Eden Burks	(576) 196-6013	lorem@magna.com	30822	02/27/1964	April 27, 2002	3	6%	$109,631	2.5

Entries Per Page

Displaying Page of

<Вернуться в каталог>

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

<STYLE type=text/css>
* {margin:0; padding:0; outline:none}
/* таблица информации */
.sortable {width:980px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:1 auto 15px}
.sortable th {background:url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1;}
.sortable .head h3 {background:url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
.sortable td a.ssylka {text-decoration:none; color:#091fff;}
.sortable td a.ssylka:hover {text-decoration:underline; color:#ff1f00;}
/* строка управления, внизу */
#controls {width:976px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:576px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}
</STYLE>

Здесь задаём все стили. Скрипт специфичен, поэтому я привожу его без подробного описания. Но он достаточно прост и, я думаю, Вы сами легко разберётесь.

Внутри тега <BODY> - </BODY> там где у Вас будет текст.

<table style="font:10px Verdana,Arial; color:#091f30; border:#ff0000 2px solid; border-bottom:none;" cellpadding="0" cellspacing="0" border="0" id="table" class="sortable">
		<thead>
			<tr>
				<th class="nosort"><h3>ID</h3></th>         
				<th><h3>Name</h3></th>
				<th><h3>Phone</h3></th>
				<th><h3>Email</h3></th>
				<th><h3>Zip</h3></th>
				<th><h3>Birthdate</h3></th>
				<th><h3>Last Access</h3></th>
				<th><h3>Rating</h3></th>
				<th><h3>Done</h3></th>
				<th><h3>Salary</h3></th>
				<th><h3>Score</h3></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>Ezekiel Hart</td>
				<td>(627) 536-4760</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">tortor@est.ca</a></td>
				<td>53082</td>
				<td>12/02/1962</td>
				<td>March 26, 2009</td>
				<td>-7</td>
				<td>7%</td>
				<td>$73,229</td>
				<td>6.9</td>
			</tr>
			<tr>
				<td>2</td>
				<td>Jaquelyn Pace</td>
				<td>(921) 943-5780</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">in@elementum.org</a></td>
				<td>46789</td>
				<td>06/03/1957</td>
				<td>October 20, 2006</td>
				<td>-7</td>
				<td>33%</td>
				<td>$130,752</td>
				<td>4.9</td>
			</tr>
			<tr>
				<td>3</td>
				<td>Lois Pickett</td>
				<td>(835) 361-5993</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">arcu.ac@disse.ca</a></td>
				<td>9814</td>
				<td>10/15/1983</td>
				<td>June 01, 1999</td>
				<td>4</td>
				<td>44%</td>
				<td>$48,684</td>
				<td>5.5</td>
			</tr>
			<tr>
				<td>4</td>
				<td>Keane Raymond</td>
				<td>(605) 803-1561</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">at.risus.Nunc@ipsum.com</a></td>
				<td>97129</td>
				<td>07/30/1982</td>
				<td>July 24, 1996</td>
				<td>5</td>
				<td>20%</td>
				<td>$7,023</td>
				<td>9.5</td>
			</tr>
			<tr>
				<td>5</td>
				<td>Porter Thomas</td>
				<td>(666) 569-9894</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">non@Proin.ca</a></td>
				<td>59953</td>
				<td>09/27/1986</td>
				<td>December 05, 2007</td>
				<td>1</td>
				<td>66%</td>
				<td>$69,875</td>
				<td>0.9</td>
			</tr>
			<tr>
				<td>6</td>
				<td>Imani Murphy</td>
				<td>(771) 294-6690</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Aenean.sed@elit.ca</a></td>
				<td>69771</td>
				<td>10/23/1970</td>
				<td>December 08, 1996</td>
				<td>-1</td>
				<td>30%</td>
				<td>$113,763</td>
				<td>4.9</td>
			</tr>
			<tr>
				<td>7</td>
				<td>Zachery Guthrie</td>
				<td>(851) 784-4129</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">nunc.nulla@vel.com</a></td>
				<td>66960</td>
				<td>12/22/1972</td>
				<td>September 20, 2002</td>
				<td>-5</td>
				<td>24%</td>
				<td>$130,248</td>
				<td>6.9</td>
			</tr>
			<tr>
				<td>8</td>
				<td>Harper Bowen</td>
				<td>(810) 652-6704</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">dis@duinec.ca</a></td>
				<td>77110</td>
				<td>10/26/1973</td>
				<td>May 29, 1996</td>
				<td>5</td>
				<td>49%</td>
				<td>$73,197</td>
				<td>4.5</td>
			</tr>
			<tr>
				<td>9</td>
				<td>Caldwell Larson</td>
				<td>(850) 562-3177</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">elit@dolor.com</a></td>
				<td>87519</td>
				<td>07/20/1985</td>
				<td>June 22, 2004</td>
				<td>-3</td>
				<td>81%</td>
				<td>$63,736</td>
				<td>7.5</td>
			</tr>
			<tr>
				<td>10</td>
				<td>Baker Osborn</td>
				<td>(378) 371-0559</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">turpis.Nulla@ac.edu</a></td>
				<td>69446</td>
				<td>03/29/1970</td>
				<td>July 23, 2005</td>
				<td>-7</td>
				<td>61%</td>
				<td>$2,868</td>
				<td>0.1</td>
			</tr>
			<tr>
				<td>11</td>
				<td>Yael Owens</td>
				<td>(465) 520-1801</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">nunc.ac.mattis@enim.com</a></td>
				<td>93872</td>
				<td>08/10/1963</td>
				<td>April 09, 1997</td>
				<td>10</td>
				<td>85%</td>
				<td>$126,469</td>
				<td>8.9</td>
			</tr>
			<tr>
				<td>12</td>
				<td>Fletcher Briggs</td>
				<td>(992) 962-9419</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">amet.ante@lentesque.edu</a></td>
				<td>87282</td>
				<td>08/12/1971</td>
				<td>December 12, 2006</td>
				<td>7</td>
				<td>23%</td>
				<td>$142,448</td>
				<td>8.9</td>
			</tr>
			<tr>
				<td>13</td>
				<td>Maggy Murphy</td>
				<td>(585) 210-0390</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">eu@Integer.com</a></td>
				<td>98081</td>
				<td>07/11/1968</td>
				<td>April 02, 2007</td>
				<td>9</td>
				<td>31%</td>
				<td>$40,267</td>
				<td>6.9</td>
			</tr>
			<tr>
				<td>14</td>
				<td>Maggie Blake</td>
				<td>(489) 101-5447</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">rutrum.non.hendrerit@iaculis.org</a></td>
				<td>85131</td>
				<td>04/11/1970</td>
				<td>May 24, 2008</td>
				<td>-2</td>
				<td>32%</td>
				<td>$99,686</td>
				<td>7.9</td>
			</tr>
			<tr>
				<td>15</td>
				<td>Ginger Bell</td>
				<td>(934) 692-7294</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">erat.in.conetuer@pedenout.org</a></td>
				<td>78878</td>
				<td>06/10/1957</td>
				<td>April 13, 2003</td>
				<td>-10</td>
				<td>74%</td>
				<td>$112,997</td>
				<td>4.5</td>
			</tr>
			<tr>
				<td>16</td>
				<td>Iliana Ballard</td>
				<td>(806) 835-7035</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">vel.sapien@mi.ca</a></td>
				<td>84718</td>
				<td>02/09/1989</td>
				<td>March 27, 1996</td>
				<td>-6</td>
				<td>78%</td>
				<td>$5,282</td>
				<td>5.5</td>
			</tr>
			<tr>
				<td>17</td>
				<td>Alisa Monroe</td>
				<td>(859) 974-4442</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">adipiscing.ligula@aretraNam.edu</a></td>
				<td>89057</td>
				<td>02/14/1990</td>
				<td>April 30, 2003</td>
				<td>6</td>
				<td>95%</td>
				<td>$103,999</td>
				<td>5.9</td>
			</tr>
			<tr>
				<td>18</td>
				<td>Kenyon Luna</td>
				<td>(673) 147-0443</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Cras@Vestibulumant.edu</a></td>
				<td>18035</td>
				<td>04/14/1981</td>
				<td>April 17, 2009</td>
				<td>9</td>
				<td>14%</td>
				<td>$37,014</td>
				<td>7.9</td>
			</tr>
			<tr>
				<td>19</td>
				<td>Nola Kerr</td>
				<td>(340) 430-0424</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">tincidunt@vurmagna.com</a></td>
				<td>93815</td>
				<td>11/06/1959</td>
				<td>August 14, 2000</td>
				<td>10</td>
				<td>2%</td>
				<td>$104,149</td>
				<td>0.5</td>
			</tr>
			<tr>
				<td>20</td>
				<td>Gail Cash</td>
				<td>(291) 455-8520</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">massa.rutrum@Nullamlob.ca</a></td>
				<td>16919</td>
				<td>09/09/1970</td>
				<td>April 27, 2002</td>
				<td>-1</td>
				<td>84%</td>
				<td>$31,090</td>
				<td>1.5</td>
			</tr>
			<tr>
				<td>21</td>
				<td>Kalia Ayala</td>
				<td>(142) 520-1128</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Etiam.laoreet@velit.org</a></td>
				<td>45675</td>
				<td>04/25/1971</td>
				<td>March 30, 2001</td>
				<td>5</td>
				<td>30%</td>
				<td>$44,641</td>
				<td>5.9</td>
			</tr>
			<tr>
				<td>22</td>
				<td>Violet Ballard</td>
				<td>(126) 374-6078</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Integer.in.magna@ntumcollis.edu</a></td>
				<td>45791</td>
				<td>01/23/1984</td>
				<td>June 08, 2006</td>
				<td>-10</td>
				<td>85%</td>
				<td>$46,450</td>
				<td>7.9</td>
			</tr>
			<tr>
				<td>23</td>
				<td>Kevin Carrillo</td>
				<td>(687) 483-9669</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">in@adipiscing.edu</a></td>
				<td>27432</td>
				<td>03/17/1977</td>
				<td>October 01, 2005</td>
				<td>-3</td>
				<td>5%</td>
				<td>$51,754</td>
				<td>1.5</td>
			</tr>
			<tr>
				<td>24</td>
				<td>Alexandra Nixon</td>
				<td>(422) 644-3488</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">nec.luctus@ornarefacilisis.com</a></td>
				<td>58955</td>
				<td>12/01/1981</td>
				<td>February 25, 2001</td>
				<td>-1</td>
				<td>41%</td>
				<td>$46,672</td>
				<td>7.5</td>
			</tr>
			<tr>
				<td>25</td>
				<td>Charissa Manning</td>
				<td>(438) 395-9392</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">nibh.vulputate@necelendnon.org</a></td>
				<td>63431</td>
				<td>07/01/1980</td>
				<td>April 02, 2005</td>
				<td>-8</td>
				<td>11%</td>
				<td>$32,193</td>
				<td>3.5</td>
			</tr>
			<tr>
				<td>26</td>
				<td>Noah Smith</td>
				<td>(963) 652-2643</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Sed.neque@Duis.org</a></td>
				<td>83867</td>
				<td>01/19/1986</td>
				<td>April 03, 2005</td>
				<td>-5</td>
				<td>86%</td>
				<td>$96,995</td>
				<td>3.5</td>
			</tr>
			<tr>
				<td>27</td>
				<td>Patience Battle</td>
				<td>(294) 644-5306</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">tempus.mauris@elempurus.com</a></td>
				<td>43578</td>
				<td>09/16/1988</td>
				<td>October 19, 2003</td>
				<td>7</td>
				<td>62%</td>
				<td>$47,510</td>
				<td>4.5</td>
			</tr>
			<tr>
				<td>28</td>
				<td>Kathleen Hudson</td>
				<td>(190) 189-1420</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">orci.quis@auctor.com</a></td> 
				<td>68091</td>
				<td>08/03/1963</td>
				<td>January 03, 2004</td>
				<td>8</td>
				<td>27%</td>
				<td>$36,286</td>
				<td>6.9</td>
			</tr>
			<tr>
				<td>29</td>
				<td>Marsden Bowman</td>
				<td>(163) 780-6121</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">mauris.a@Sedcongueelit.edu</a></td>
				<td>91684</td>
				<td>03/08/1974</td>
				<td>June 29, 2005</td>
				<td>10</td>
				<td>46%</td>
				<td>$124,913</td>
				<td>1.5</td>
			</tr>
			<tr>
				<td>30</td>
				<td>Dorian Hodge</td>
				<td>(304) 536-8850</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">pellentesque@laoreet.org</a></td>
				<td>29398</td>
				<td>08/16/1978</td>
				<td>February 21, 2007</td>
				<td>6</td>
				<td>6%</td>
				<td>$28,057</td>
				<td>0.1</td>
			</tr>
			<tr>
				<td>31</td>
				<td>Levi Britt</td>
				<td>(272) 171-5731</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">felis@Donecfeugiat.ca</a></td> 
				<td>56521</td>
				<td>12/10/1988</td>
				<td>August 11, 2008</td>
				<td>7</td>
				<td>6%</td>
				<td>$100,959</td>
				<td>1.5</td>
			</tr>
			<tr>
				<td>32</td>
				<td>Rana Blake</td>
				<td>(608) 893-4909</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">malesuada.fames@dui.edu</a></td>
				<td>16341</td>
				<td>07/23/1959</td>
				<td>February 13, 1997</td>
				<td>-4</td>
				<td>26%</td>
				<td>$87,972</td>
				<td>4.9</td>
			</tr>
			<tr>
				<td>33</td>
				<td>Helen Mccullough</td>
				<td>(937) 368-5946</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">sociis.natoque@myipsum.org</a></td>
				<td>3033</td>
				<td>09/13/1980</td>
				<td>May 17, 2001</td>
				<td>8</td>
				<td>18%</td>
				<td>$51,217</td>
				<td>9.9</td>
			</tr>
			<tr>
				<td>34</td>
				<td>Gil Ferguson</td>
				<td>(832) 581-6953</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">libero@Infaucibus.com</a></td> 
				<td>43556</td>
				<td>04/19/1980</td>
				<td>March 22, 1996</td>
				<td>-6</td>
				<td>83%</td>
				<td>$120,374</td>
				<td>6.9</td>
			</tr>
			<tr>
				<td>35</td>
				<td>Judah Manning</td>
				<td>(332) 888-8768</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">congue@Nuncut.com</a></td>
				<td>43672</td>
				<td>07/16/1974</td>
				<td>December 14, 2009</td>
				<td>9</td>
				<td>34%</td>
				<td>$95,173</td>
				<td>6.9</td>
			</tr>
			<tr>
				<td>36</td>
				<td>Yoshi Humphrey</td>
				<td>(961) 215-0426</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">pharetra@rutrumFusce.edu</a></td>
				<td>51179</td>
				<td>01/13/1962</td>
				<td>August 24, 1997</td>
				<td>4</td>
				<td>84%</td>
				<td>$140,552</td>
				<td>3.9</td>
			</tr>
			<tr>
				<td>37</td>
				<td>Idona Williams</td>
				<td>(163) 580-2609</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Integer.aliquam@Sedetlibero.org</a></td>
				<td>88693</td>
				<td>08/27/1967</td>
				<td>February 22, 2000</td>
				<td>-3</td>
				<td>15%</td>
				<td>$37,762</td>
				<td>5.9</td>
			</tr>
			<tr>
				<td>38</td>
				<td>Petra Bennett</td>
				<td>(976) 799-4111</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Proin@Donecelementum.org</a></td>
				<td>46753</td>
				<td>01/02/1959</td>
				<td>April 27, 1999</td>
				<td>2</td>
				<td>81%</td>
				<td>$32,371</td>
				<td>6.5</td>
			</tr>
			<tr>
				<td>39</td>
				<td>Phyllis Rogers</td>
				<td>(798) 959-3321</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">eget.dictum.placerat@idlibero.ca</a></td>
				<td>39212</td>
				<td>11/27/1961</td>
				<td>February 14, 2009</td>
				<td>-10</td>
				<td>42%</td>
				<td>$77,847</td>
				<td>4.9</td>
			</tr>
			<tr>
				<td>40</td>
				<td>Fritz Benton</td>
				<td>(525) 353-2984</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">a@diamnunc.com</a></td>
				<td>11530</td>
				<td>10/02/1957</td>
				<td>June 16, 2002</td>
				<td>-5</td>
				<td>2%</td>
				<td>$75,654</td>
				<td>8.9</td>
			</tr>
			<tr>
				<td>41</td>
				<td>Mannix Davidson</td>
				<td>(106) 260-1651</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">pulvinar@Duisvolutpat.org</a></td>
				<td>15815</td>
				<td>08/24/1964</td>
				<td>October 24, 2002</td>
				<td>1</td>
				<td>93%</td>
				<td>$11,498</td>
				<td>2.5</td>
			</tr>
			<tr>
				<td>42</td>
				<td>Grant Lawrence</td>
				<td>(807) 487-5786</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">a@interdumlibero.ca</a></td>
				<td>50743</td>
				<td>10/10/1973</td>
				<td>March 28, 2007</td>
				<td>9</td>
				<td>6%</td>
				<td>$137,743</td>
				<td>3.9</td>
			</tr>
			<tr>
				<td>43</td>
				<td>Laurel Ortiz</td>
				<td>(945) 481-7808</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">laoreet.posuere@vallis.com</a></td>
				<td>92426</td>
				<td>08/19/1962</td>
				<td>May 11, 2006</td>
				<td>5</td>
				<td>55%</td>
				<td>$64,799</td>
				<td>8.9</td>
			</tr>
			<tr>
				<td>44</td>
				<td>Lewis Frank</td>
				<td>(844) 314-8683</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">fames@gravida.edu</a></td>
				<td>35378</td>
				<td>12/01/1966</td>
				<td>January 25, 1998</td>
				<td>5</td>
				<td>30%</td>
				<td>$99,927</td>
				<td>1.5</td>
			</tr>
			<tr>
				<td>45</td>
				<td>Yasir Knox</td>
				<td>(814) 509-0367</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">Cras.vulputate.velit@acusUt.com</a></td>
				<td>36004</td>
				<td>10/23/1981</td>
				<td>August 20, 2007</td>
				<td>-2</td>
				<td>61%</td>
				<td>$36,618</td>
				<td>0.9</td>
			</tr>
			<tr>
				<td>46</td>
				<td>Palmer Newman</td>
				<td>(955) 748-1014</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">fringilla@id.edu</a></td>
				<td>78774</td>
				<td>10/29/1980</td>
				<td>December 28, 2007</td>
				<td>-9</td>
				<td>85%</td>
				<td>$19,325</td>
				<td>2.5</td>
			</tr>
			<tr>
				<td>47</td>
				<td>Tate Webster</td>
				<td>(107) 247-3380</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">pellentesque@pedeultri.com</a></td>
				<td>25232</td>
				<td>06/11/1963</td>
				<td>August 11, 2005</td>
				<td>-4</td>
				<td>14%</td>
				<td>$109,433</td>
				<td>6.5</td>
			</tr>
			<tr>
				<td>48</td>
				<td>Charity Hahn</td>
				<td>(395) 200-9188</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">ac@Quisque.edu</a></td>
				<td>28260</td>
				<td>08/04/1976</td>
				<td>January 17, 2009</td>
				<td>-2</td>
				<td>86%</td>
				<td>$3,246</td>
				<td>5.5</td>
			</tr>
			<tr>
				<td>49</td>
				<td>Katell Crosby</td>
				<td>(259) 659-7498</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">tincidunt.vehicula@ura.com</a></td>
				<td>31001</td>
				<td>12/31/1961</td>
				<td>January 02, 2007</td>
				<td>8</td>
				<td>10%</td>
				<td>$67,319</td>
				<td>8.9</td>
			</tr>
			<tr>
				<td>50</td>
				<td>Eden Burks</td>
				<td>(576) 196-6013</td>
				<td><a class=ssylka href="mailto:#" title="Написать письмо">lorem@magna.com</a></td>
				<td>30822</td>
				<td>02/27/1964</td>
				<td>April 27, 2002</td>
				<td>3</td>
				<td>6%</td>
				<td>$109,631</td>
				<td>2.5</td>
			</tr></tbody>
  </table>
		<table style="font:10px Verdana,Arial; color:#091fff; border:#ff0000 2px solid; border-top:none;" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border=0><tbody><tr><td colspan=11>
	<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="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/first.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1,true)" />
			<img src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/previous.gif" width="16" height="16" alt="First Page" onclick="sorter.move(-1)" />
			<img src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/images/next.gif" width="16" height="16" alt="First Page" onclick="sorter.move(1)" />
			<img src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/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></td></tr></tbody>
  </table>
	<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/930/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);                     // номер столбца первоначальной фильтрации
  </script>

Скрипт позволяет выбирать колличество видимых строк(исходное 10). Задавать начальный столбец для фильтрации(в примере 1), столбцы по которым возможна фильтрация(как вверх, так и вниз), блокировать возможность фильтрации по заданным столбцам(в примере ID), осуществлять последовательное переключения выбранного колличества строк по полю всей таблици для просмотра(как по заданному кол-ву, так и сразу - самые вурхние или самые нижние - стрелочки) и т.д.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.