WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/assets/global/plugins/datatables/examples/api/form.html

Rev	Author	Line No.	Line
1	espaco	1	<!DOCTYPE html>
		2	<html>
		3	<head>
		4	<meta charset="utf-8">
		5	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
		6	<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
		7
		8	<title>DataTables example - Form inputs</title>
		9	<link rel="stylesheet" type="text/css" href="../../media/css/jquery.dataTables.css">
		10	<link rel="stylesheet" type="text/css" href="../resources/syntax/shCore.css">
		11	<link rel="stylesheet" type="text/css" href="../resources/demo.css">
		12	<style type="text/css" class="init">
		13
		14	</style>
		15	<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
		16	<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
		17	<script type="text/javascript" language="javascript" src="../resources/syntax/shCore.js"></script>
		18	<script type="text/javascript" language="javascript" src="../resources/demo.js"></script>
		19	<script type="text/javascript" language="javascript" class="init">
		20
		21
		22	$(document).ready(function() {
		23	var table = $('#example').DataTable();
		24
		25	$('button').click( function() {
		26	var data = table.$('input, select').serialize();
		27	alert(
		28	"The following data would have been submitted to the server: \n\n"+
		29	data.substr( 0, 120 )+'...'
		30	);
		31	return false;
		32	} );
		33	} );
		34
		35
		36	</script>
		37	</head>
		38
		39	<body class="dt-example">
		40	<div class="container">
		41	<section>
		42	<h1>DataTables example <span>Form inputs</span></h1>
		43
		44	<div class="info">
		45	<p>In order to perform paging, ordering, searching etc, DataTables can remove rows and cells from the
		46	document (i.e. those rows / cells which are not needed are not inserted into the document). This
		47	increases performance and compatibility, however, it means that submitting forms which span multiple
		48	pages requires a little bit of additional work to get the information that is not in the document any
		49	longer.</p>
		50
		51	<p>The <a href="//datatables.net/reference/api/%24()"><code class="api" title=
		52	"DataTables API method">$()<span>DT</span></code></a> method can be used to get nodes from the document
		53	regardless of paging, ordering etc. This example shows <a href=
		54	"//datatables.net/reference/api/%24()"><code class="api" title=
		55	"DataTables API method">$()<span>DT</span></code></a> being used to get all <code class="tag" title=
		56	"HTML tag">input</code> elements from the table.</p>
		57
		58	<p>In the example a simple <code>alert()</code> is used to show the information from the form, but an
		59	Ajax call to the server with the form data could easily be performed.</p>
		60	</div><button type="submit">Submit form</button>
		61
		62	<table id="example" class="display" cellspacing="0" width="100%">
		63	<thead>
		64	<tr>
		65	<th>Name</th>
		66	<th>Age</th>
		67	<th>Position</th>
		68	<th>Office</th>
		69	</tr>
		70	</thead>
		71
		72	<tfoot>
		73	<tr>
		74	<th>Name</th>
		75	<th>Age</th>
		76	<th>Position</th>
		77	<th>Office</th>
		78	</tr>
		79	</tfoot>
		80
		81	<tbody>
		82	<tr>
		83	<td>Tiger Nixon</td>
		84	<td><input type="text" id="row-1-age" name="row-1-age" value="61"></td>
		85	<td><input type="text" id="row-1-position" name="row-1-position" value="System Architect"></td>
		86	<td><select size="1" id="row-1-office" name="row-1-office">
		87	<option value="Edinburgh" selected="selected">
		88	Edinburgh
		89	</option>
		90
		91	<option value="London">
		92	London
		93	</option>
		94
		95	<option value="New York">
		96	New York
		97	</option>
		98
		99	<option value="San Francisco">
		100	San Francisco
		101	</option>
		102
		103	<option value="Tokyo">
		104	Tokyo
		105	</option>
		106	</select></td>
		107	</tr>
		108	<tr>
		109	<td>Garrett Winters</td>
		110	<td><input type="text" id="row-2-age" name="row-2-age" value="63"></td>
		111	<td><input type="text" id="row-2-position" name="row-2-position" value="Accountant"></td>
		112	<td><select size="1" id="row-2-office" name="row-2-office">
		113	<option value="Edinburgh">
		114	Edinburgh
		115	</option>
		116
		117	<option value="London">
		118	London
		119	</option>
		120
		121	<option value="New York">
		122	New York
		123	</option>
		124
		125	<option value="San Francisco">
		126	San Francisco
		127	</option>
		128
		129	<option value="Tokyo" selected="selected">
		130	Tokyo
		131	</option>
		132	</select></td>
		133	</tr>
		134	<tr>
		135	<td>Ashton Cox</td>
		136	<td><input type="text" id="row-3-age" name="row-3-age" value="66"></td>
		137	<td><input type="text" id="row-3-position" name="row-3-position" value=
		138	"Junior Technical Author"></td>
		139	<td><select size="1" id="row-3-office" name="row-3-office">
		140	<option value="Edinburgh">
		141	Edinburgh
		142	</option>
		143
		144	<option value="London">
		145	London
		146	</option>
		147
		148	<option value="New York">
		149	New York
		150	</option>
		151
		152	<option value="San Francisco" selected="selected">
		153	San Francisco
		154	</option>
		155
		156	<option value="Tokyo">
		157	Tokyo
		158	</option>
		159	</select></td>
		160	</tr>
		161	<tr>
		162	<td>Cedric Kelly</td>
		163	<td><input type="text" id="row-4-age" name="row-4-age" value="22"></td>
		164	<td><input type="text" id="row-4-position" name="row-4-position" value=
		165	"Senior Javascript Developer"></td>
		166	<td><select size="1" id="row-4-office" name="row-4-office">
		167	<option value="Edinburgh" selected="selected">
		168	Edinburgh
		169	</option>
		170
		171	<option value="London">
		172	London
		173	</option>
		174
		175	<option value="New York">
		176	New York
		177	</option>
		178
		179	<option value="San Francisco">
		180	San Francisco
		181	</option>
		182
		183	<option value="Tokyo">
		184	Tokyo
		185	</option>
		186	</select></td>
		187	</tr>
		188	<tr>
		189	<td>Airi Satou</td>
		190	<td><input type="text" id="row-5-age" name="row-5-age" value="33"></td>
		191	<td><input type="text" id="row-5-position" name="row-5-position" value="Accountant"></td>
		192	<td><select size="1" id="row-5-office" name="row-5-office">
		193	<option value="Edinburgh">
		194	Edinburgh
		195	</option>
		196
		197	<option value="London">
		198	London
		199	</option>
		200
		201	<option value="New York">
		202	New York
		203	</option>
		204
		205	<option value="San Francisco">
		206	San Francisco
		207	</option>
		208
		209	<option value="Tokyo" selected="selected">
		210	Tokyo
		211	</option>
		212	</select></td>
		213	</tr>
		214	<tr>
		215	<td>Brielle Williamson</td>
		216	<td><input type="text" id="row-6-age" name="row-6-age" value="61"></td>
		217	<td><input type="text" id="row-6-position" name="row-6-position" value=
		218	"Integration Specialist"></td>
		219	<td><select size="1" id="row-6-office" name="row-6-office">
		220	<option value="Edinburgh">
		221	Edinburgh
		222	</option>
		223
		224	<option value="London">
		225	London
		226	</option>
		227
		228	<option value="New York" selected="selected">
		229	New York
		230	</option>
		231
		232	<option value="San Francisco">
		233	San Francisco
		234	</option>
		235
		236	<option value="Tokyo">
		237	Tokyo
		238	</option>
		239	</select></td>
		240	</tr>
		241	<tr>
		242	<td>Herrod Chandler</td>
		243	<td><input type="text" id="row-7-age" name="row-7-age" value="59"></td>
		244	<td><input type="text" id="row-7-position" name="row-7-position" value="Sales Assistant"></td>
		245	<td><select size="1" id="row-7-office" name="row-7-office">
		246	<option value="Edinburgh">
		247	Edinburgh
		248	</option>
		249
		250	<option value="London">
		251	London
		252	</option>
		253
		254	<option value="New York">
		255	New York
		256	</option>
		257
		258	<option value="San Francisco" selected="selected">
		259	San Francisco
		260	</option>
		261
		262	<option value="Tokyo">
		263	Tokyo
		264	</option>
		265	</select></td>
		266	</tr>
		267	<tr>
		268	<td>Rhona Davidson</td>
		269	<td><input type="text" id="row-8-age" name="row-8-age" value="55"></td>
		270	<td><input type="text" id="row-8-position" name="row-8-position" value=
		271	"Integration Specialist"></td>
		272	<td><select size="1" id="row-8-office" name="row-8-office">
		273	<option value="Edinburgh">
		274	Edinburgh
		275	</option>
		276
		277	<option value="London">
		278	London
		279	</option>
		280
		281	<option value="New York">
		282	New York
		283	</option>
		284
		285	<option value="San Francisco">
		286	San Francisco
		287	</option>
		288
		289	<option value="Tokyo" selected="selected">
		290	Tokyo
		291	</option>
		292	</select></td>
		293	</tr>
		294	<tr>
		295	<td>Colleen Hurst</td>
		296	<td><input type="text" id="row-9-age" name="row-9-age" value="39"></td>
		297	<td><input type="text" id="row-9-position" name="row-9-position" value=
		298	"Javascript Developer"></td>
		299	<td><select size="1" id="row-9-office" name="row-9-office">
		300	<option value="Edinburgh">
		301	Edinburgh
		302	</option>
		303
		304	<option value="London">
		305	London
		306	</option>
		307
		308	<option value="New York">
		309	New York
		310	</option>
		311
		312	<option value="San Francisco" selected="selected">
		313	San Francisco
		314	</option>
		315
		316	<option value="Tokyo">
		317	Tokyo
		318	</option>
		319	</select></td>
		320	</tr>
		321	<tr>
		322	<td>Sonya Frost</td>
		323	<td><input type="text" id="row-10-age" name="row-10-age" value="23"></td>
		324	<td><input type="text" id="row-10-position" name="row-10-position" value=
		325	"Software Engineer"></td>
		326	<td><select size="1" id="row-10-office" name="row-10-office">
		327	<option value="Edinburgh" selected="selected">
		328	Edinburgh
		329	</option>
		330
		331	<option value="London">
		332	London
		333	</option>
		334
		335	<option value="New York">
		336	New York
		337	</option>
		338
		339	<option value="San Francisco">
		340	San Francisco
		341	</option>
		342
		343	<option value="Tokyo">
		344	Tokyo
		345	</option>
		346	</select></td>
		347	</tr>
		348	<tr>
		349	<td>Jena Gaines</td>
		350	<td><input type="text" id="row-11-age" name="row-11-age" value="30"></td>
		351	<td><input type="text" id="row-11-position" name="row-11-position" value="Office Manager"></td>
		352	<td><select size="1" id="row-11-office" name="row-11-office">
		353	<option value="Edinburgh">
		354	Edinburgh
		355	</option>
		356
		357	<option value="London" selected="selected">
		358	London
		359	</option>
		360
		361	<option value="New York">
		362	New York
		363	</option>
		364
		365	<option value="San Francisco">
		366	San Francisco
		367	</option>
		368
		369	<option value="Tokyo">
		370	Tokyo
		371	</option>
		372	</select></td>
		373	</tr>
		374	<tr>
		375	<td>Quinn Flynn</td>
		376	<td><input type="text" id="row-12-age" name="row-12-age" value="22"></td>
		377	<td><input type="text" id="row-12-position" name="row-12-position" value="Support Lead"></td>
		378	<td><select size="1" id="row-12-office" name="row-12-office">
		379	<option value="Edinburgh" selected="selected">
		380	Edinburgh
		381	</option>
		382
		383	<option value="London">
		384	London
		385	</option>
		386
		387	<option value="New York">
		388	New York
		389	</option>
		390
		391	<option value="San Francisco">
		392	San Francisco
		393	</option>
		394
		395	<option value="Tokyo">
		396	Tokyo
		397	</option>
		398	</select></td>
		399	</tr>
		400	<tr>
		401	<td>Charde Marshall</td>
		402	<td><input type="text" id="row-13-age" name="row-13-age" value="36"></td>
		403	<td><input type="text" id="row-13-position" name="row-13-position" value=
		404	"Regional Director"></td>
		405	<td><select size="1" id="row-13-office" name="row-13-office">
		406	<option value="Edinburgh">
		407	Edinburgh
		408	</option>
		409
		410	<option value="London">
		411	London
		412	</option>
		413
		414	<option value="New York">
		415	New York
		416	</option>
		417
		418	<option value="San Francisco" selected="selected">
		419	San Francisco
		420	</option>
		421
		422	<option value="Tokyo">
		423	Tokyo
		424	</option>
		425	</select></td>
		426	</tr>
		427	<tr>
		428	<td>Haley Kennedy</td>
		429	<td><input type="text" id="row-14-age" name="row-14-age" value="43"></td>
		430	<td><input type="text" id="row-14-position" name="row-14-position" value=
		431	"Senior Marketing Designer"></td>
		432	<td><select size="1" id="row-14-office" name="row-14-office">
		433	<option value="Edinburgh">
		434	Edinburgh
		435	</option>
		436
		437	<option value="London" selected="selected">
		438	London
		439	</option>
		440
		441	<option value="New York">
		442	New York
		443	</option>
		444
		445	<option value="San Francisco">
		446	San Francisco
		447	</option>
		448
		449	<option value="Tokyo">
		450	Tokyo
		451	</option>
		452	</select></td>
		453	</tr>
		454	<tr>
		455	<td>Tatyana Fitzpatrick</td>
		456	<td><input type="text" id="row-15-age" name="row-15-age" value="19"></td>
		457	<td><input type="text" id="row-15-position" name="row-15-position" value=
		458	"Regional Director"></td>
		459	<td><select size="1" id="row-15-office" name="row-15-office">
		460	<option value="Edinburgh">
		461	Edinburgh
		462	</option>
		463
		464	<option value="London" selected="selected">
		465	London
		466	</option>
		467
		468	<option value="New York">
		469	New York
		470	</option>
		471
		472	<option value="San Francisco">
		473	San Francisco
		474	</option>
		475
		476	<option value="Tokyo">
		477	Tokyo
		478	</option>
		479	</select></td>
		480	</tr>
		481	<tr>
		482	<td>Michael Silva</td>
		483	<td><input type="text" id="row-16-age" name="row-16-age" value="66"></td>
		484	<td><input type="text" id="row-16-position" name="row-16-position" value=
		485	"Marketing Designer"></td>
		486	<td><select size="1" id="row-16-office" name="row-16-office">
		487	<option value="Edinburgh">
		488	Edinburgh
		489	</option>
		490
		491	<option value="London" selected="selected">
		492	London
		493	</option>
		494
		495	<option value="New York">
		496	New York
		497	</option>
		498
		499	<option value="San Francisco">
		500	San Francisco
		501	</option>
		502
		503	<option value="Tokyo">
		504	Tokyo
		505	</option>
		506	</select></td>
		507	</tr>
		508	<tr>
		509	<td>Paul Byrd</td>
		510	<td><input type="text" id="row-17-age" name="row-17-age" value="64"></td>
		511	<td><input type="text" id="row-17-position" name="row-17-position" value=
		512	"Chief Financial Officer (CFO)"></td>
		513	<td><select size="1" id="row-17-office" name="row-17-office">
		514	<option value="Edinburgh">
		515	Edinburgh
		516	</option>
		517
		518	<option value="London">
		519	London
		520	</option>
		521
		522	<option value="New York" selected="selected">
		523	New York
		524	</option>
		525
		526	<option value="San Francisco">
		527	San Francisco
		528	</option>
		529
		530	<option value="Tokyo">
		531	Tokyo
		532	</option>
		533	</select></td>
		534	</tr>
		535	<tr>
		536	<td>Gloria Little</td>
		537	<td><input type="text" id="row-18-age" name="row-18-age" value="59"></td>
		538	<td><input type="text" id="row-18-position" name="row-18-position" value=
		539	"Systems Administrator"></td>
		540	<td><select size="1" id="row-18-office" name="row-18-office">
		541	<option value="Edinburgh">
		542	Edinburgh
		543	</option>
		544
		545	<option value="London">
		546	London
		547	</option>
		548
		549	<option value="New York" selected="selected">
		550	New York
		551	</option>
		552
		553	<option value="San Francisco">
		554	San Francisco
		555	</option>
		556
		557	<option value="Tokyo">
		558	Tokyo
		559	</option>
		560	</select></td>
		561	</tr>
		562	<tr>
		563	<td>Bradley Greer</td>
		564	<td><input type="text" id="row-19-age" name="row-19-age" value="41"></td>
		565	<td><input type="text" id="row-19-position" name="row-19-position" value=
		566	"Software Engineer"></td>
		567	<td><select size="1" id="row-19-office" name="row-19-office">
		568	<option value="Edinburgh">
		569	Edinburgh
		570	</option>
		571
		572	<option value="London" selected="selected">
		573	London
		574	</option>
		575
		576	<option value="New York">
		577	New York
		578	</option>
		579
		580	<option value="San Francisco">
		581	San Francisco
		582	</option>
		583
		584	<option value="Tokyo">
		585	Tokyo
		586	</option>
		587	</select></td>
		588	</tr>
		589	<tr>
		590	<td>Dai Rios</td>
		591	<td><input type="text" id="row-20-age" name="row-20-age" value="35"></td>
		592	<td><input type="text" id="row-20-position" name="row-20-position" value="Personnel Lead"></td>
		593	<td><select size="1" id="row-20-office" name="row-20-office">
		594	<option value="Edinburgh" selected="selected">
		595	Edinburgh
		596	</option>
		597
		598	<option value="London">
		599	London
		600	</option>
		601
		602	<option value="New York">
		603	New York
		604	</option>
		605
		606	<option value="San Francisco">
		607	San Francisco
		608	</option>
		609
		610	<option value="Tokyo">
		611	Tokyo
		612	</option>
		613	</select></td>
		614	</tr>
		615	<tr>
		616	<td>Jenette Caldwell</td>
		617	<td><input type="text" id="row-21-age" name="row-21-age" value="30"></td>
		618	<td><input type="text" id="row-21-position" name="row-21-position" value=
		619	"Development Lead"></td>
		620	<td><select size="1" id="row-21-office" name="row-21-office">
		621	<option value="Edinburgh">
		622	Edinburgh
		623	</option>
		624
		625	<option value="London">
		626	London
		627	</option>
		628
		629	<option value="New York" selected="selected">
		630	New York
		631	</option>
		632
		633	<option value="San Francisco">
		634	San Francisco
		635	</option>
		636
		637	<option value="Tokyo">
		638	Tokyo
		639	</option>
		640	</select></td>
		641	</tr>
		642	<tr>
		643	<td>Yuri Berry</td>
		644	<td><input type="text" id="row-22-age" name="row-22-age" value="40"></td>
		645	<td><input type="text" id="row-22-position" name="row-22-position" value=
		646	"Chief Marketing Officer (CMO)"></td>
		647	<td><select size="1" id="row-22-office" name="row-22-office">
		648	<option value="Edinburgh">
		649	Edinburgh
		650	</option>
		651
		652	<option value="London">
		653	London
		654	</option>
		655
		656	<option value="New York" selected="selected">
		657	New York
		658	</option>
		659
		660	<option value="San Francisco">
		661	San Francisco
		662	</option>
		663
		664	<option value="Tokyo">
		665	Tokyo
		666	</option>
		667	</select></td>
		668	</tr>
		669	<tr>
		670	<td>Caesar Vance</td>
		671	<td><input type="text" id="row-23-age" name="row-23-age" value="21"></td>
		672	<td><input type="text" id="row-23-position" name="row-23-position" value=
		673	"Pre-Sales Support"></td>
		674	<td><select size="1" id="row-23-office" name="row-23-office">
		675	<option value="Edinburgh">
		676	Edinburgh
		677	</option>
		678
		679	<option value="London">
		680	London
		681	</option>
		682
		683	<option value="New York" selected="selected">
		684	New York
		685	</option>
		686
		687	<option value="San Francisco">
		688	San Francisco
		689	</option>
		690
		691	<option value="Tokyo">
		692	Tokyo
		693	</option>
		694	</select></td>
		695	</tr>
		696	<tr>
		697	<td>Doris Wilder</td>
		698	<td><input type="text" id="row-24-age" name="row-24-age" value="23"></td>
		699	<td><input type="text" id="row-24-position" name="row-24-position" value=
		700	"Sales Assistant"></td>
		701	<td><select size="1" id="row-24-office" name="row-24-office">
		702	<option value="Edinburgh">
		703	Edinburgh
		704	</option>
		705
		706	<option value="London">
		707	London
		708	</option>
		709
		710	<option value="New York">
		711	New York
		712	</option>
		713
		714	<option value="San Francisco">
		715	San Francisco
		716	</option>
		717
		718	<option value="Tokyo">
		719	Tokyo
		720	</option>
		721	</select></td>
		722	</tr>
		723	<tr>
		724	<td>Angelica Ramos</td>
		725	<td><input type="text" id="row-25-age" name="row-25-age" value="47"></td>
		726	<td><input type="text" id="row-25-position" name="row-25-position" value=
		727	"Chief Executive Officer (CEO)"></td>
		728	<td><select size="1" id="row-25-office" name="row-25-office">
		729	<option value="Edinburgh">
		730	Edinburgh
		731	</option>
		732
		733	<option value="London" selected="selected">
		734	London
		735	</option>
		736
		737	<option value="New York">
		738	New York
		739	</option>
		740
		741	<option value="San Francisco">
		742	San Francisco
		743	</option>
		744
		745	<option value="Tokyo">
		746	Tokyo
		747	</option>
		748	</select></td>
		749	</tr>
		750	<tr>
		751	<td>Gavin Joyce</td>
		752	<td><input type="text" id="row-26-age" name="row-26-age" value="42"></td>
		753	<td><input type="text" id="row-26-position" name="row-26-position" value="Developer"></td>
		754	<td><select size="1" id="row-26-office" name="row-26-office">
		755	<option value="Edinburgh" selected="selected">
		756	Edinburgh
		757	</option>
		758
		759	<option value="London">
		760	London
		761	</option>
		762
		763	<option value="New York">
		764	New York
		765	</option>
		766
		767	<option value="San Francisco">
		768	San Francisco
		769	</option>
		770
		771	<option value="Tokyo">
		772	Tokyo
		773	</option>
		774	</select></td>
		775	</tr>
		776	<tr>
		777	<td>Jennifer Chang</td>
		778	<td><input type="text" id="row-27-age" name="row-27-age" value="28"></td>
		779	<td><input type="text" id="row-27-position" name="row-27-position" value=
		780	"Regional Director"></td>
		781	<td><select size="1" id="row-27-office" name="row-27-office">
		782	<option value="Edinburgh">
		783	Edinburgh
		784	</option>
		785
		786	<option value="London">
		787	London
		788	</option>
		789
		790	<option value="New York">
		791	New York
		792	</option>
		793
		794	<option value="San Francisco">
		795	San Francisco
		796	</option>
		797
		798	<option value="Tokyo">
		799	Tokyo
		800	</option>
		801	</select></td>
		802	</tr>
		803	<tr>
		804	<td>Brenden Wagner</td>
		805	<td><input type="text" id="row-28-age" name="row-28-age" value="28"></td>
		806	<td><input type="text" id="row-28-position" name="row-28-position" value=
		807	"Software Engineer"></td>
		808	<td><select size="1" id="row-28-office" name="row-28-office">
		809	<option value="Edinburgh">
		810	Edinburgh
		811	</option>
		812
		813	<option value="London">
		814	London
		815	</option>
		816
		817	<option value="New York">
		818	New York
		819	</option>
		820
		821	<option value="San Francisco" selected="selected">
		822	San Francisco
		823	</option>
		824
		825	<option value="Tokyo">
		826	Tokyo
		827	</option>
		828	</select></td>
		829	</tr>
		830	<tr>
		831	<td>Fiona Green</td>
		832	<td><input type="text" id="row-29-age" name="row-29-age" value="48"></td>
		833	<td><input type="text" id="row-29-position" name="row-29-position" value=
		834	"Chief Operating Officer (COO)"></td>
		835	<td><select size="1" id="row-29-office" name="row-29-office">
		836	<option value="Edinburgh">
		837	Edinburgh
		838	</option>
		839
		840	<option value="London">
		841	London
		842	</option>
		843
		844	<option value="New York">
		845	New York
		846	</option>
		847
		848	<option value="San Francisco" selected="selected">
		849	San Francisco
		850	</option>
		851
		852	<option value="Tokyo">
		853	Tokyo
		854	</option>
		855	</select></td>
		856	</tr>
		857	<tr>
		858	<td>Shou Itou</td>
		859	<td><input type="text" id="row-30-age" name="row-30-age" value="20"></td>
		860	<td><input type="text" id="row-30-position" name="row-30-position" value=
		861	"Regional Marketing"></td>
		862	<td><select size="1" id="row-30-office" name="row-30-office">
		863	<option value="Edinburgh">
		864	Edinburgh
		865	</option>
		866
		867	<option value="London">
		868	London
		869	</option>
		870
		871	<option value="New York">
		872	New York
		873	</option>
		874
		875	<option value="San Francisco">
		876	San Francisco
		877	</option>
		878
		879	<option value="Tokyo" selected="selected">
		880	Tokyo
		881	</option>
		882	</select></td>
		883	</tr>
		884	<tr>
		885	<td>Michelle House</td>
		886	<td><input type="text" id="row-31-age" name="row-31-age" value="37"></td>
		887	<td><input type="text" id="row-31-position" name="row-31-position" value=
		888	"Integration Specialist"></td>
		889	<td><select size="1" id="row-31-office" name="row-31-office">
		890	<option value="Edinburgh">
		891	Edinburgh
		892	</option>
		893
		894	<option value="London">
		895	London
		896	</option>
		897
		898	<option value="New York">
		899	New York
		900	</option>
		901
		902	<option value="San Francisco">
		903	San Francisco
		904	</option>
		905
		906	<option value="Tokyo">
		907	Tokyo
		908	</option>
		909	</select></td>
		910	</tr>
		911	<tr>
		912	<td>Suki Burks</td>
		913	<td><input type="text" id="row-32-age" name="row-32-age" value="53"></td>
		914	<td><input type="text" id="row-32-position" name="row-32-position" value="Developer"></td>
		915	<td><select size="1" id="row-32-office" name="row-32-office">
		916	<option value="Edinburgh">
		917	Edinburgh
		918	</option>
		919
		920	<option value="London" selected="selected">
		921	London
		922	</option>
		923
		924	<option value="New York">
		925	New York
		926	</option>
		927
		928	<option value="San Francisco">
		929	San Francisco
		930	</option>
		931
		932	<option value="Tokyo">
		933	Tokyo
		934	</option>
		935	</select></td>
		936	</tr>
		937	<tr>
		938	<td>Prescott Bartlett</td>
		939	<td><input type="text" id="row-33-age" name="row-33-age" value="27"></td>
		940	<td><input type="text" id="row-33-position" name="row-33-position" value=
		941	"Technical Author"></td>
		942	<td><select size="1" id="row-33-office" name="row-33-office">
		943	<option value="Edinburgh">
		944	Edinburgh
		945	</option>
		946
		947	<option value="London" selected="selected">
		948	London
		949	</option>
		950
		951	<option value="New York">
		952	New York
		953	</option>
		954
		955	<option value="San Francisco">
		956	San Francisco
		957	</option>
		958
		959	<option value="Tokyo">
		960	Tokyo
		961	</option>
		962	</select></td>
		963	</tr>
		964	<tr>
		965	<td>Gavin Cortez</td>
		966	<td><input type="text" id="row-34-age" name="row-34-age" value="22"></td>
		967	<td><input type="text" id="row-34-position" name="row-34-position" value="Team Leader"></td>
		968	<td><select size="1" id="row-34-office" name="row-34-office">
		969	<option value="Edinburgh">
		970	Edinburgh
		971	</option>
		972
		973	<option value="London">
		974	London
		975	</option>
		976
		977	<option value="New York">
		978	New York
		979	</option>
		980
		981	<option value="San Francisco" selected="selected">
		982	San Francisco
		983	</option>
		984
		985	<option value="Tokyo">
		986	Tokyo
		987	</option>
		988	</select></td>
		989	</tr>
		990	<tr>
		991	<td>Martena Mccray</td>
		992	<td><input type="text" id="row-35-age" name="row-35-age" value="46"></td>
		993	<td><input type="text" id="row-35-position" name="row-35-position" value=
		994	"Post-Sales support"></td>
		995	<td><select size="1" id="row-35-office" name="row-35-office">
		996	<option value="Edinburgh" selected="selected">
		997	Edinburgh
		998	</option>
		999
		1000	<option value="London">
		1001	London
		1002	</option>
		1003
		1004	<option value="New York">
		1005	New York
		1006	</option>
		1007
		1008	<option value="San Francisco">
		1009	San Francisco
		1010	</option>
		1011
		1012	<option value="Tokyo">
		1013	Tokyo
		1014	</option>
		1015	</select></td>
		1016	</tr>
		1017	<tr>
		1018	<td>Unity Butler</td>
		1019	<td><input type="text" id="row-36-age" name="row-36-age" value="47"></td>
		1020	<td><input type="text" id="row-36-position" name="row-36-position" value=
		1021	"Marketing Designer"></td>
		1022	<td><select size="1" id="row-36-office" name="row-36-office">
		1023	<option value="Edinburgh">
		1024	Edinburgh
		1025	</option>
		1026
		1027	<option value="London">
		1028	London
		1029	</option>
		1030
		1031	<option value="New York">
		1032	New York
		1033	</option>
		1034
		1035	<option value="San Francisco" selected="selected">
		1036	San Francisco
		1037	</option>
		1038
		1039	<option value="Tokyo">
		1040	Tokyo
		1041	</option>
		1042	</select></td>
		1043	</tr>
		1044	<tr>
		1045	<td>Howard Hatfield</td>
		1046	<td><input type="text" id="row-37-age" name="row-37-age" value="51"></td>
		1047	<td><input type="text" id="row-37-position" name="row-37-position" value="Office Manager"></td>
		1048	<td><select size="1" id="row-37-office" name="row-37-office">
		1049	<option value="Edinburgh">
		1050	Edinburgh
		1051	</option>
		1052
		1053	<option value="London">
		1054	London
		1055	</option>
		1056
		1057	<option value="New York">
		1058	New York
		1059	</option>
		1060
		1061	<option value="San Francisco" selected="selected">
		1062	San Francisco
		1063	</option>
		1064
		1065	<option value="Tokyo">
		1066	Tokyo
		1067	</option>
		1068	</select></td>
		1069	</tr>
		1070	<tr>
		1071	<td>Hope Fuentes</td>
		1072	<td><input type="text" id="row-38-age" name="row-38-age" value="41"></td>
		1073	<td><input type="text" id="row-38-position" name="row-38-position" value="Secretary"></td>
		1074	<td><select size="1" id="row-38-office" name="row-38-office">
		1075	<option value="Edinburgh">
		1076	Edinburgh
		1077	</option>
		1078
		1079	<option value="London">
		1080	London
		1081	</option>
		1082
		1083	<option value="New York">
		1084	New York
		1085	</option>
		1086
		1087	<option value="San Francisco" selected="selected">
		1088	San Francisco
		1089	</option>
		1090
		1091	<option value="Tokyo">
		1092	Tokyo
		1093	</option>
		1094	</select></td>
		1095	</tr>
		1096	<tr>
		1097	<td>Vivian Harrell</td>
		1098	<td><input type="text" id="row-39-age" name="row-39-age" value="62"></td>
		1099	<td><input type="text" id="row-39-position" name="row-39-position" value=
		1100	"Financial Controller"></td>
		1101	<td><select size="1" id="row-39-office" name="row-39-office">
		1102	<option value="Edinburgh">
		1103	Edinburgh
		1104	</option>
		1105
		1106	<option value="London">
		1107	London
		1108	</option>
		1109
		1110	<option value="New York">
		1111	New York
		1112	</option>
		1113
		1114	<option value="San Francisco" selected="selected">
		1115	San Francisco
		1116	</option>
		1117
		1118	<option value="Tokyo">
		1119	Tokyo
		1120	</option>
		1121	</select></td>
		1122	</tr>
		1123	<tr>
		1124	<td>Timothy Mooney</td>
		1125	<td><input type="text" id="row-40-age" name="row-40-age" value="37"></td>
		1126	<td><input type="text" id="row-40-position" name="row-40-position" value="Office Manager"></td>
		1127	<td><select size="1" id="row-40-office" name="row-40-office">
		1128	<option value="Edinburgh">
		1129	Edinburgh
		1130	</option>
		1131
		1132	<option value="London" selected="selected">
		1133	London
		1134	</option>
		1135
		1136	<option value="New York">
		1137	New York
		1138	</option>
		1139
		1140	<option value="San Francisco">
		1141	San Francisco
		1142	</option>
		1143
		1144	<option value="Tokyo">
		1145	Tokyo
		1146	</option>
		1147	</select></td>
		1148	</tr>
		1149	<tr>
		1150	<td>Jackson Bradshaw</td>
		1151	<td><input type="text" id="row-41-age" name="row-41-age" value="65"></td>
		1152	<td><input type="text" id="row-41-position" name="row-41-position" value="Director"></td>
		1153	<td><select size="1" id="row-41-office" name="row-41-office">
		1154	<option value="Edinburgh">
		1155	Edinburgh
		1156	</option>
		1157
		1158	<option value="London">
		1159	London
		1160	</option>
		1161
		1162	<option value="New York" selected="selected">
		1163	New York
		1164	</option>
		1165
		1166	<option value="San Francisco">
		1167	San Francisco
		1168	</option>
		1169
		1170	<option value="Tokyo">
		1171	Tokyo
		1172	</option>
		1173	</select></td>
		1174	</tr>
		1175	<tr>
		1176	<td>Olivia Liang</td>
		1177	<td><input type="text" id="row-42-age" name="row-42-age" value="64"></td>
		1178	<td><input type="text" id="row-42-position" name="row-42-position" value=
		1179	"Support Engineer"></td>
		1180	<td><select size="1" id="row-42-office" name="row-42-office">
		1181	<option value="Edinburgh">
		1182	Edinburgh
		1183	</option>
		1184
		1185	<option value="London">
		1186	London
		1187	</option>
		1188
		1189	<option value="New York">
		1190	New York
		1191	</option>
		1192
		1193	<option value="San Francisco">
		1194	San Francisco
		1195	</option>
		1196
		1197	<option value="Tokyo">
		1198	Tokyo
		1199	</option>
		1200	</select></td>
		1201	</tr>
		1202	<tr>
		1203	<td>Bruno Nash</td>
		1204	<td><input type="text" id="row-43-age" name="row-43-age" value="38"></td>
		1205	<td><input type="text" id="row-43-position" name="row-43-position" value=
		1206	"Software Engineer"></td>
		1207	<td><select size="1" id="row-43-office" name="row-43-office">
		1208	<option value="Edinburgh">
		1209	Edinburgh
		1210	</option>
		1211
		1212	<option value="London" selected="selected">
		1213	London
		1214	</option>
		1215
		1216	<option value="New York">
		1217	New York
		1218	</option>
		1219
		1220	<option value="San Francisco">
		1221	San Francisco
		1222	</option>
		1223
		1224	<option value="Tokyo">
		1225	Tokyo
		1226	</option>
		1227	</select></td>
		1228	</tr>
		1229	<tr>
		1230	<td>Sakura Yamamoto</td>
		1231	<td><input type="text" id="row-44-age" name="row-44-age" value="37"></td>
		1232	<td><input type="text" id="row-44-position" name="row-44-position" value=
		1233	"Support Engineer"></td>
		1234	<td><select size="1" id="row-44-office" name="row-44-office">
		1235	<option value="Edinburgh">
		1236	Edinburgh
		1237	</option>
		1238
		1239	<option value="London">
		1240	London
		1241	</option>
		1242
		1243	<option value="New York">
		1244	New York
		1245	</option>
		1246
		1247	<option value="San Francisco">
		1248	San Francisco
		1249	</option>
		1250
		1251	<option value="Tokyo" selected="selected">
		1252	Tokyo
		1253	</option>
		1254	</select></td>
		1255	</tr>
		1256	<tr>
		1257	<td>Thor Walton</td>
		1258	<td><input type="text" id="row-45-age" name="row-45-age" value="61"></td>
		1259	<td><input type="text" id="row-45-position" name="row-45-position" value="Developer"></td>
		1260	<td><select size="1" id="row-45-office" name="row-45-office">
		1261	<option value="Edinburgh">
		1262	Edinburgh
		1263	</option>
		1264
		1265	<option value="London">
		1266	London
		1267	</option>
		1268
		1269	<option value="New York" selected="selected">
		1270	New York
		1271	</option>
		1272
		1273	<option value="San Francisco">
		1274	San Francisco
		1275	</option>
		1276
		1277	<option value="Tokyo">
		1278	Tokyo
		1279	</option>
		1280	</select></td>
		1281	</tr>
		1282	<tr>
		1283	<td>Finn Camacho</td>
		1284	<td><input type="text" id="row-46-age" name="row-46-age" value="47"></td>
		1285	<td><input type="text" id="row-46-position" name="row-46-position" value=
		1286	"Support Engineer"></td>
		1287	<td><select size="1" id="row-46-office" name="row-46-office">
		1288	<option value="Edinburgh">
		1289	Edinburgh
		1290	</option>
		1291
		1292	<option value="London">
		1293	London
		1294	</option>
		1295
		1296	<option value="New York">
		1297	New York
		1298	</option>
		1299
		1300	<option value="San Francisco" selected="selected">
		1301	San Francisco
		1302	</option>
		1303
		1304	<option value="Tokyo">
		1305	Tokyo
		1306	</option>
		1307	</select></td>
		1308	</tr>
		1309	<tr>
		1310	<td>Serge Baldwin</td>
		1311	<td><input type="text" id="row-47-age" name="row-47-age" value="64"></td>
		1312	<td><input type="text" id="row-47-position" name="row-47-position" value=
		1313	"Data Coordinator"></td>
		1314	<td><select size="1" id="row-47-office" name="row-47-office">
		1315	<option value="Edinburgh">
		1316	Edinburgh
		1317	</option>
		1318
		1319	<option value="London">
		1320	London
		1321	</option>
		1322
		1323	<option value="New York">
		1324	New York
		1325	</option>
		1326
		1327	<option value="San Francisco">
		1328	San Francisco
		1329	</option>
		1330
		1331	<option value="Tokyo">
		1332	Tokyo
		1333	</option>
		1334	</select></td>
		1335	</tr>
		1336	<tr>
		1337	<td>Zenaida Frank</td>
		1338	<td><input type="text" id="row-48-age" name="row-48-age" value="63"></td>
		1339	<td><input type="text" id="row-48-position" name="row-48-position" value=
		1340	"Software Engineer"></td>
		1341	<td><select size="1" id="row-48-office" name="row-48-office">
		1342	<option value="Edinburgh">
		1343	Edinburgh
		1344	</option>
		1345
		1346	<option value="London">
		1347	London
		1348	</option>
		1349
		1350	<option value="New York" selected="selected">
		1351	New York
		1352	</option>
		1353
		1354	<option value="San Francisco">
		1355	San Francisco
		1356	</option>
		1357
		1358	<option value="Tokyo">
		1359	Tokyo
		1360	</option>
		1361	</select></td>
		1362	</tr>
		1363	<tr>
		1364	<td>Zorita Serrano</td>
		1365	<td><input type="text" id="row-49-age" name="row-49-age" value="56"></td>
		1366	<td><input type="text" id="row-49-position" name="row-49-position" value=
		1367	"Software Engineer"></td>
		1368	<td><select size="1" id="row-49-office" name="row-49-office">
		1369	<option value="Edinburgh">
		1370	Edinburgh
		1371	</option>
		1372
		1373	<option value="London">
		1374	London
		1375	</option>
		1376
		1377	<option value="New York">
		1378	New York
		1379	</option>
		1380
		1381	<option value="San Francisco" selected="selected">
		1382	San Francisco
		1383	</option>
		1384
		1385	<option value="Tokyo">
		1386	Tokyo
		1387	</option>
		1388	</select></td>
		1389	</tr>
		1390	<tr>
		1391	<td>Jennifer Acosta</td>
		1392	<td><input type="text" id="row-50-age" name="row-50-age" value="43"></td>
		1393	<td><input type="text" id="row-50-position" name="row-50-position" value=
		1394	"Junior Javascript Developer"></td>
		1395	<td><select size="1" id="row-50-office" name="row-50-office">
		1396	<option value="Edinburgh" selected="selected">
		1397	Edinburgh
		1398	</option>
		1399
		1400	<option value="London">
		1401	London
		1402	</option>
		1403
		1404	<option value="New York">
		1405	New York
		1406	</option>
		1407
		1408	<option value="San Francisco">
		1409	San Francisco
		1410	</option>
		1411
		1412	<option value="Tokyo">
		1413	Tokyo
		1414	</option>
		1415	</select></td>
		1416	</tr>
		1417	<tr>
		1418	<td>Cara Stevens</td>
		1419	<td><input type="text" id="row-51-age" name="row-51-age" value="46"></td>
		1420	<td><input type="text" id="row-51-position" name="row-51-position" value=
		1421	"Sales Assistant"></td>
		1422	<td><select size="1" id="row-51-office" name="row-51-office">
		1423	<option value="Edinburgh">
		1424	Edinburgh
		1425	</option>
		1426
		1427	<option value="London">
		1428	London
		1429	</option>
		1430
		1431	<option value="New York" selected="selected">
		1432	New York
		1433	</option>
		1434
		1435	<option value="San Francisco">
		1436	San Francisco
		1437	</option>
		1438
		1439	<option value="Tokyo">
		1440	Tokyo
		1441	</option>
		1442	</select></td>
		1443	</tr>
		1444	<tr>
		1445	<td>Hermione Butler</td>
		1446	<td><input type="text" id="row-52-age" name="row-52-age" value="47"></td>
		1447	<td><input type="text" id="row-52-position" name="row-52-position" value=
		1448	"Regional Director"></td>
		1449	<td><select size="1" id="row-52-office" name="row-52-office">
		1450	<option value="Edinburgh">
		1451	Edinburgh
		1452	</option>
		1453
		1454	<option value="London" selected="selected">
		1455	London
		1456	</option>
		1457
		1458	<option value="New York">
		1459	New York
		1460	</option>
		1461
		1462	<option value="San Francisco">
		1463	San Francisco
		1464	</option>
		1465
		1466	<option value="Tokyo">
		1467	Tokyo
		1468	</option>
		1469	</select></td>
		1470	</tr>
		1471	<tr>
		1472	<td>Lael Greer</td>
		1473	<td><input type="text" id="row-53-age" name="row-53-age" value="21"></td>
		1474	<td><input type="text" id="row-53-position" name="row-53-position" value=
		1475	"Systems Administrator"></td>
		1476	<td><select size="1" id="row-53-office" name="row-53-office">
		1477	<option value="Edinburgh">
		1478	Edinburgh
		1479	</option>
		1480
		1481	<option value="London" selected="selected">
		1482	London
		1483	</option>
		1484
		1485	<option value="New York">
		1486	New York
		1487	</option>
		1488
		1489	<option value="San Francisco">
		1490	San Francisco
		1491	</option>
		1492
		1493	<option value="Tokyo">
		1494	Tokyo
		1495	</option>
		1496	</select></td>
		1497	</tr>
		1498	<tr>
		1499	<td>Jonas Alexander</td>
		1500	<td><input type="text" id="row-54-age" name="row-54-age" value="30"></td>
		1501	<td><input type="text" id="row-54-position" name="row-54-position" value="Developer"></td>
		1502	<td><select size="1" id="row-54-office" name="row-54-office">
		1503	<option value="Edinburgh">
		1504	Edinburgh
		1505	</option>
		1506
		1507	<option value="London">
		1508	London
		1509	</option>
		1510
		1511	<option value="New York">
		1512	New York
		1513	</option>
		1514
		1515	<option value="San Francisco" selected="selected">
		1516	San Francisco
		1517	</option>
		1518
		1519	<option value="Tokyo">
		1520	Tokyo
		1521	</option>
		1522	</select></td>
		1523	</tr>
		1524	<tr>
		1525	<td>Shad Decker</td>
		1526	<td><input type="text" id="row-55-age" name="row-55-age" value="51"></td>
		1527	<td><input type="text" id="row-55-position" name="row-55-position" value=
		1528	"Regional Director"></td>
		1529	<td><select size="1" id="row-55-office" name="row-55-office">
		1530	<option value="Edinburgh" selected="selected">
		1531	Edinburgh
		1532	</option>
		1533
		1534	<option value="London">
		1535	London
		1536	</option>
		1537
		1538	<option value="New York">
		1539	New York
		1540	</option>
		1541
		1542	<option value="San Francisco">
		1543	San Francisco
		1544	</option>
		1545
		1546	<option value="Tokyo">
		1547	Tokyo
		1548	</option>
		1549	</select></td>
		1550	</tr>
		1551	<tr>
		1552	<td>Michael Bruce</td>
		1553	<td><input type="text" id="row-56-age" name="row-56-age" value="29"></td>
		1554	<td><input type="text" id="row-56-position" name="row-56-position" value=
		1555	"Javascript Developer"></td>
		1556	<td><select size="1" id="row-56-office" name="row-56-office">
		1557	<option value="Edinburgh">
		1558	Edinburgh
		1559	</option>
		1560
		1561	<option value="London">
		1562	London
		1563	</option>
		1564
		1565	<option value="New York">
		1566	New York
		1567	</option>
		1568
		1569	<option value="San Francisco">
		1570	San Francisco
		1571	</option>
		1572
		1573	<option value="Tokyo">
		1574	Tokyo
		1575	</option>
		1576	</select></td>
		1577	</tr>
		1578	<tr>
		1579	<td>Donna Snider</td>
		1580	<td><input type="text" id="row-57-age" name="row-57-age" value="27"></td>
		1581	<td><input type="text" id="row-57-position" name="row-57-position" value=
		1582	"Customer Support"></td>
		1583	<td><select size="1" id="row-57-office" name="row-57-office">
		1584	<option value="Edinburgh">
		1585	Edinburgh
		1586	</option>
		1587
		1588	<option value="London">
		1589	London
		1590	</option>
		1591
		1592	<option value="New York" selected="selected">
		1593	New York
		1594	</option>
		1595
		1596	<option value="San Francisco">
		1597	San Francisco
		1598	</option>
		1599
		1600	<option value="Tokyo">
		1601	Tokyo
		1602	</option>
		1603	</select></td>
		1604	</tr>
		1605	</tbody>
		1606	</table>
		1607
		1608	<ul class="tabs">
		1609	<li class="active">Javascript</li>
		1610	<li>HTML</li>
		1611	<li>CSS</li>
		1612	<li>Ajax</li>
		1613	<li>Server-side script</li>
		1614	</ul>
		1615
		1616	<div class="tabs">
		1617	<div class="js">
		1618	<p>The Javascript shown below is used to initialise the table shown in this
		1619	example:</p><code class="multiline brush: js;">$(document).ready(function() {
		1620	var table = $('#example').DataTable();
		1621
		1622	$('button').click( function() {
		1623	var data = table.$('input, select').serialize();
		1624	alert(
		1625	"The following data would have been submitted to the server: \n\n"+
		1626	data.substr( 0, 120 )+'...'
		1627	);
		1628	return false;
		1629	} );
		1630	} );</code>
		1631
		1632	<p>In addition to the above code, the following Javascript library files are loaded for use in this
		1633	example:</p>
		1634
		1635	<ul>
		1636	<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
		1637	<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
		1638	</ul>
		1639	</div>
		1640
		1641	<div class="table">
		1642	<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
		1643	DataTables:</p>
		1644	</div>
		1645
		1646	<div class="css">
		1647	<div>
		1648	<p>This example uses a little bit of additional CSS beyond what is loaded from the library
		1649	files (below), in order to correctly display the table. The additional CSS used is shown
		1650	below:</p><code class="multiline brush: js;"></code>
		1651	</div>
		1652
		1653	<p>The following CSS library files are loaded for use in this example to provide the styling of the
		1654	table:</p>
		1655
		1656	<ul>
		1657	<li><a href=
		1658	"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
		1659	</ul>
		1660	</div>
		1661
		1662	<div class="ajax">
		1663	<p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data
		1664	will update automatically as any additional data is loaded.</p>
		1665	</div>
		1666
		1667	<div class="php">
		1668	<p>The script used to perform the server-side processing for this table is shown below. Please note
		1669	that this is just an example script using PHP. Server-side processing scripts can be written in any
		1670	language, using <a href="//datatables.net/manual/server-side">the protocol described in the
		1671	DataTables documentation</a>.</p>
		1672	</div>
		1673	</div>
		1674	</section>
		1675	</div>
		1676
		1677	<section>
		1678	<div class="footer">
		1679	<div class="gradient"></div>
		1680
		1681	<div class="liner">
		1682	<h2>Other examples</h2>
		1683
		1684	<div class="toc">
		1685	<div class="toc-group">
		1686	<h3><a href="../basic_init/index.html">Basic initialisation</a></h3>
		1687	<ul class="toc">
		1688	<li><a href="../basic_init/zero_configuration.html">Zero configuration</a></li>
		1689	<li><a href="../basic_init/filter_only.html">Feature enable / disable</a></li>
		1690	<li><a href="../basic_init/table_sorting.html">Default ordering (sorting)</a></li>
		1691	<li><a href="../basic_init/multi_col_sort.html">Multi-column ordering</a></li>
		1692	<li><a href="../basic_init/multiple_tables.html">Multiple tables</a></li>
		1693	<li><a href="../basic_init/hidden_columns.html">Hidden columns</a></li>
		1694	<li><a href="../basic_init/complex_header.html">Complex headers (rowspan and
		1695	colspan)</a></li>
		1696	<li><a href="../basic_init/dom.html">DOM positioning</a></li>
		1697	<li><a href="../basic_init/flexible_width.html">Flexible table width</a></li>
		1698	<li><a href="../basic_init/state_save.html">State saving</a></li>
		1699	<li><a href="../basic_init/alt_pagination.html">Alternative pagination</a></li>
		1700	<li><a href="../basic_init/scroll_y.html">Scroll - vertical</a></li>
		1701	<li><a href="../basic_init/scroll_x.html">Scroll - horizontal</a></li>
		1702	<li><a href="../basic_init/scroll_xy.html">Scroll - horizontal and vertical</a></li>
		1703	<li><a href="../basic_init/scroll_y_theme.html">Scroll - vertical with jQuery UI
		1704	ThemeRoller</a></li>
		1705	<li><a href="../basic_init/comma-decimal.html">Language - Comma decimal place</a></li>
		1706	<li><a href="../basic_init/language.html">Language options</a></li>
		1707	</ul>
		1708	</div>
		1709
		1710	<div class="toc-group">
		1711	<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
		1712	<ul class="toc">
		1713	<li><a href="../advanced_init/events_live.html">DOM / jQuery events</a></li>
		1714	<li><a href="../advanced_init/dt_events.html">DataTables events</a></li>
		1715	<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
		1716	<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
		1717	<li><a href="../advanced_init/dom_multiple_elements.html">Multiple table control
		1718	elements</a></li>
		1719	<li><a href="../advanced_init/complex_header.html">Complex headers (rowspan /
		1720	colspan)</a></li>
		1721	<li><a href="../advanced_init/html5-data-attributes.html">HTML5 data-* attributes</a></li>
		1722	<li><a href="../advanced_init/language_file.html">Language file</a></li>
		1723	<li><a href="../advanced_init/defaults.html">Setting defaults</a></li>
		1724	<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
		1725	<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
		1726	<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
		1727	<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
		1728	<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
		1729	control</a></li>
		1730	</ul>
		1731	</div>
		1732
		1733	<div class="toc-group">
		1734	<h3><a href="../styling/index.html">Styling</a></h3>
		1735	<ul class="toc">
		1736	<li><a href="../styling/display.html">Base style</a></li>
		1737	<li><a href="../styling/no-classes.html">Base style - no styling classes</a></li>
		1738	<li><a href="../styling/cell-border.html">Base style - cell borders</a></li>
		1739	<li><a href="../styling/compact.html">Base style - compact</a></li>
		1740	<li><a href="../styling/hover.html">Base style - hover</a></li>
		1741	<li><a href="../styling/order-column.html">Base style - order-column</a></li>
		1742	<li><a href="../styling/row-border.html">Base style - row borders</a></li>
		1743	<li><a href="../styling/stripe.html">Base style - stripe</a></li>
		1744	<li><a href="../styling/bootstrap.html">Bootstrap</a></li>
		1745	<li><a href="../styling/foundation.html">Foundation</a></li>
		1746	<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
		1747	</ul>
		1748	</div>
		1749
		1750	<div class="toc-group">
		1751	<h3><a href="../data_sources/index.html">Data sources</a></h3>
		1752	<ul class="toc">
		1753	<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
		1754	<li><a href="../data_sources/ajax.html">Ajax sourced data</a></li>
		1755	<li><a href="../data_sources/js_array.html">Javascript sourced data</a></li>
		1756	<li><a href="../data_sources/server_side.html">Server-side processing</a></li>
		1757	</ul>
		1758	</div>
		1759
		1760	<div class="toc-group">
		1761	<h3><a href="./index.html">API</a></h3>
		1762	<ul class="toc active">
		1763	<li><a href="./add_row.html">Add rows</a></li>
		1764	<li><a href="./multi_filter.html">Individual column searching (text inputs)</a></li>
		1765	<li><a href="./multi_filter_select.html">Individual column searching (select
		1766	inputs)</a></li>
		1767	<li><a href="./highlight.html">Highlighting rows and columns</a></li>
		1768	<li><a href="./row_details.html">Child rows (show extra / detailed information)</a></li>
		1769	<li><a href="./select_row.html">Row selection (multiple rows)</a></li>
		1770	<li><a href="./select_single_row.html">Row selection and deletion (single row)</a></li>
		1771	<li class="active"><a href="./form.html">Form inputs</a></li>
		1772	<li><a href="./counter_columns.html">Index column</a></li>
		1773	<li><a href="./show_hide.html">Show / hide columns dynamically</a></li>
		1774	<li><a href="./api_in_init.html">Using API in callbacks</a></li>
		1775	<li><a href="./tabs_and_scrolling.html">Scrolling and jQuery UI tabs</a></li>
		1776	<li><a href="./regex.html">Search API (regular expressions)</a></li>
		1777	</ul>
		1778	</div>
		1779
		1780	<div class="toc-group">
		1781	<h3><a href="../ajax/index.html">Ajax</a></h3>
		1782	<ul class="toc">
		1783	<li><a href="../ajax/simple.html">Ajax data source (arrays)</a></li>
		1784	<li><a href="../ajax/objects.html">Ajax data source (objects)</a></li>
		1785	<li><a href="../ajax/deep.html">Nested object data (objects)</a></li>
		1786	<li><a href="../ajax/objects_subarrays.html">Nested object data (arrays)</a></li>
		1787	<li><a href="../ajax/orthogonal-data.html">Orthogonal data</a></li>
		1788	<li><a href="../ajax/null_data_source.html">Generated content for a column</a></li>
		1789	<li><a href="../ajax/custom_data_property.html">Custom data source property</a></li>
		1790	<li><a href="../ajax/custom_data_flat.html">Flat array data source</a></li>
		1791	<li><a href="../ajax/defer_render.html">Deferred rendering for speed</a></li>
		1792	</ul>
		1793	</div>
		1794
		1795	<div class="toc-group">
		1796	<h3><a href="../server_side/index.html">Server-side</a></h3>
		1797	<ul class="toc">
		1798	<li><a href="../server_side/simple.html">Server-side processing</a></li>
		1799	<li><a href="../server_side/custom_vars.html">Custom HTTP variables</a></li>
		1800	<li><a href="../server_side/post.html">POST data</a></li>
		1801	<li><a href="../server_side/ids.html">Automatic addition of row ID attributes</a></li>
		1802	<li><a href="../server_side/object_data.html">Object data source</a></li>
		1803	<li><a href="../server_side/row_details.html">Row details</a></li>
		1804	<li><a href="../server_side/select_rows.html">Row selection</a></li>
		1805	<li><a href="../server_side/jsonp.html">JSONP data source for remote domains</a></li>
		1806	<li><a href="../server_side/defer_loading.html">Deferred loading of data</a></li>
		1807	<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
		1808	paging</a></li>
		1809	</ul>
		1810	</div>
		1811
		1812	<div class="toc-group">
		1813	<h3><a href="../plug-ins/index.html">Plug-ins</a></h3>
		1814	<ul class="toc">
		1815	<li><a href="../plug-ins/api.html">API plug-in methods</a></li>
		1816	<li><a href="../plug-ins/sorting_auto.html">Ordering plug-ins (with type
		1817	detection)</a></li>
		1818	<li><a href="../plug-ins/sorting_manual.html">Ordering plug-ins (no type
		1819	detection)</a></li>
		1820	<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
		1821	<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
		1822	</ul>
		1823	</div>
		1824	</div>
		1825
		1826	<div class="epilogue">
		1827	<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full
		1828	information about its API properties and methods.<br>
		1829	Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and
		1830	<a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of
		1831	DataTables.</p>
		1832
		1833	<p class="copyright">DataTables designed and created by <a href=
		1834	"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
		1835	DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
		1836	</div>
		1837	</div>
		1838	</div>
		1839	</section>
		1840	</body>
		1841	</html>

Subversion Repositories Integrator Subversion

(root)/DOCUMENTOS E ANALISE/telas/assets/global/plugins/datatables/examples/api/form.html - Rev 1