WebSVN - Integrator Subversion - Blame - Rev 1 - /DOCUMENTOS E ANALISE/telas/assets/global/plugins/datatables/examples/basic

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 - DOM positioning</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	$(document).ready(function() {
		22	$('#example').dataTable( {
		23	"dom": '<"top"i>rt<"bottom"flp><"clear">'
		24	} );
		25	} );
		26
		27	</script>
		28	</head>
		29
		30	<body class="dt-example">
		31	<div class="container">
		32	<section>
		33	<h1>DataTables example <span>DOM positioning</span></h1>
		34
		35	<div class="info">
		36	<p>When customising DataTables for your own usage, you might find that the default position of the
		37	feature elements (filter input etc) is not quite to your liking. To address this issue DataTables takes
		38	inspiration from the CSS 3 Advanced Layout Module and provides the <a href=
		39	"//datatables.net/reference/option/dom"><code class="option" title=
		40	"DataTables initialisation option">dom<span>DT</span></code></a> initialisation parameter which can be
		41	set to indicate where you which particular features to appear in the DOM. You can also specify
		42	<code>div</code> wrapping containers (with an id and / or class) to provide complete layout
		43	flexibility.</p>
		44
		45	<p>Each HTML control element presented by DataTables is denoted by a single character in the <a href=
		46	"//datatables.net/reference/option/dom"><code class="option" title=
		47	"DataTables initialisation option">dom<span>DT</span></code></a> option. For example the <code>l</code>
		48	option is used for the <code>L</code>ength changing input option.</p>
		49
		50	<p>The built-in options available are:</p>
		51
		52	<ul class="markdown">
		53	<li><code>l</code> - <code>L</code>ength changing</li>
		54	<li><code>f</code> - <code>F</code>iltering input</li>
		55	<li><code>t</code> - The <code>T</code>able!</li>
		56	<li><code>i</code> - <code>I</code>nformation</li>
		57	<li><code>p</code> - <code>P</code>agination</li>
		58	<li><code>r</code> - p<code>R</code>ocessing</li>
		59	<li><code><</code> and <code>></code> - div elements</li>
		60	<li><code><"#id"</code> and <code>></code> - div with an id</li>
		61	<li><code><"class"</code> and <code>></code> - div with a class</li>
		62	<li><code><"#id.class"</code> and <code>></code> - div with an id and class</li>
		63	</ul>
		64
		65	<p>Example 1:</p>
		66	<pre>
		67	<code class="multiline"><"wrapper"flipt>
		68	</code>
		69	</pre>
		70
		71	<p>This results in the following DOM structure:</p>
		72	<pre>
		73	<code class="multiline"><div class="wrapper">
		74	{ filter }
		75	{ length }
		76	{ info }
		77	{ paging }
		78	{ table }
		79	</div>
		80	</code>
		81	</pre>
		82
		83	<p>Example 2:</p>
		84	<pre>
		85	<code class="multiline"><lf<t>ip>
		86	</code>
		87	</pre>
		88
		89	<p>This results in the following DOM structure:</p>
		90	<pre>
		91	<code class="multiline"><div>
		92	{ length }
		93	{ filter }
		94	<div>
		95	{ table }
		96	</div>
		97	{ info }
		98	{ paging }
		99	</div>
		100	</code>
		101	</pre>
		102
		103	<p>All options (with the exception of the <code>t</code> (table) option can be specified multiple
		104	times, for if you want to show the same control multiple times (pagination at the top and bottom of the
		105	table for example).</p>
		106
		107	<p>Furthermore, note that additional <a href="//datatables.net/reference/option/dom"><code class=
		108	"option" title="DataTables initialisation option">dom<span>DT</span></code></a> options can be added to
		109	DataTables through the use of plug-ins.</p>
		110
		111	<p>In the example below, the table information is moved to the top of the table, and all the
		112	interaction elements to the bottom, each wrapper in a container <code>div</code>.</p>
		113	</div>
		114
		115	<table id="example" class="display" cellspacing="0" width="100%">
		116	<thead>
		117	<tr>
		118	<th>Name</th>
		119	<th>Position</th>
		120	<th>Office</th>
		121	<th>Age</th>
		122	<th>Start date</th>
		123	<th>Salary</th>
		124	</tr>
		125	</thead>
		126
		127	<tfoot>
		128	<tr>
		129	<th>Name</th>
		130	<th>Position</th>
		131	<th>Office</th>
		132	<th>Age</th>
		133	<th>Start date</th>
		134	<th>Salary</th>
		135	</tr>
		136	</tfoot>
		137
		138	<tbody>
		139	<tr>
		140	<td>Tiger Nixon</td>
		141	<td>System Architect</td>
		142	<td>Edinburgh</td>
		143	<td>61</td>
		144	<td>2011/04/25</td>
		145	<td>$320,800</td>
		146	</tr>
		147	<tr>
		148	<td>Garrett Winters</td>
		149	<td>Accountant</td>
		150	<td>Tokyo</td>
		151	<td>63</td>
		152	<td>2011/07/25</td>
		153	<td>$170,750</td>
		154	</tr>
		155	<tr>
		156	<td>Ashton Cox</td>
		157	<td>Junior Technical Author</td>
		158	<td>San Francisco</td>
		159	<td>66</td>
		160	<td>2009/01/12</td>
		161	<td>$86,000</td>
		162	</tr>
		163	<tr>
		164	<td>Cedric Kelly</td>
		165	<td>Senior Javascript Developer</td>
		166	<td>Edinburgh</td>
		167	<td>22</td>
		168	<td>2012/03/29</td>
		169	<td>$433,060</td>
		170	</tr>
		171	<tr>
		172	<td>Airi Satou</td>
		173	<td>Accountant</td>
		174	<td>Tokyo</td>
		175	<td>33</td>
		176	<td>2008/11/28</td>
		177	<td>$162,700</td>
		178	</tr>
		179	<tr>
		180	<td>Brielle Williamson</td>
		181	<td>Integration Specialist</td>
		182	<td>New York</td>
		183	<td>61</td>
		184	<td>2012/12/02</td>
		185	<td>$372,000</td>
		186	</tr>
		187	<tr>
		188	<td>Herrod Chandler</td>
		189	<td>Sales Assistant</td>
		190	<td>San Francisco</td>
		191	<td>59</td>
		192	<td>2012/08/06</td>
		193	<td>$137,500</td>
		194	</tr>
		195	<tr>
		196	<td>Rhona Davidson</td>
		197	<td>Integration Specialist</td>
		198	<td>Tokyo</td>
		199	<td>55</td>
		200	<td>2010/10/14</td>
		201	<td>$327,900</td>
		202	</tr>
		203	<tr>
		204	<td>Colleen Hurst</td>
		205	<td>Javascript Developer</td>
		206	<td>San Francisco</td>
		207	<td>39</td>
		208	<td>2009/09/15</td>
		209	<td>$205,500</td>
		210	</tr>
		211	<tr>
		212	<td>Sonya Frost</td>
		213	<td>Software Engineer</td>
		214	<td>Edinburgh</td>
		215	<td>23</td>
		216	<td>2008/12/13</td>
		217	<td>$103,600</td>
		218	</tr>
		219	<tr>
		220	<td>Jena Gaines</td>
		221	<td>Office Manager</td>
		222	<td>London</td>
		223	<td>30</td>
		224	<td>2008/12/19</td>
		225	<td>$90,560</td>
		226	</tr>
		227	<tr>
		228	<td>Quinn Flynn</td>
		229	<td>Support Lead</td>
		230	<td>Edinburgh</td>
		231	<td>22</td>
		232	<td>2013/03/03</td>
		233	<td>$342,000</td>
		234	</tr>
		235	<tr>
		236	<td>Charde Marshall</td>
		237	<td>Regional Director</td>
		238	<td>San Francisco</td>
		239	<td>36</td>
		240	<td>2008/10/16</td>
		241	<td>$470,600</td>
		242	</tr>
		243	<tr>
		244	<td>Haley Kennedy</td>
		245	<td>Senior Marketing Designer</td>
		246	<td>London</td>
		247	<td>43</td>
		248	<td>2012/12/18</td>
		249	<td>$313,500</td>
		250	</tr>
		251	<tr>
		252	<td>Tatyana Fitzpatrick</td>
		253	<td>Regional Director</td>
		254	<td>London</td>
		255	<td>19</td>
		256	<td>2010/03/17</td>
		257	<td>$385,750</td>
		258	</tr>
		259	<tr>
		260	<td>Michael Silva</td>
		261	<td>Marketing Designer</td>
		262	<td>London</td>
		263	<td>66</td>
		264	<td>2012/11/27</td>
		265	<td>$198,500</td>
		266	</tr>
		267	<tr>
		268	<td>Paul Byrd</td>
		269	<td>Chief Financial Officer (CFO)</td>
		270	<td>New York</td>
		271	<td>64</td>
		272	<td>2010/06/09</td>
		273	<td>$725,000</td>
		274	</tr>
		275	<tr>
		276	<td>Gloria Little</td>
		277	<td>Systems Administrator</td>
		278	<td>New York</td>
		279	<td>59</td>
		280	<td>2009/04/10</td>
		281	<td>$237,500</td>
		282	</tr>
		283	<tr>
		284	<td>Bradley Greer</td>
		285	<td>Software Engineer</td>
		286	<td>London</td>
		287	<td>41</td>
		288	<td>2012/10/13</td>
		289	<td>$132,000</td>
		290	</tr>
		291	<tr>
		292	<td>Dai Rios</td>
		293	<td>Personnel Lead</td>
		294	<td>Edinburgh</td>
		295	<td>35</td>
		296	<td>2012/09/26</td>
		297	<td>$217,500</td>
		298	</tr>
		299	<tr>
		300	<td>Jenette Caldwell</td>
		301	<td>Development Lead</td>
		302	<td>New York</td>
		303	<td>30</td>
		304	<td>2011/09/03</td>
		305	<td>$345,000</td>
		306	</tr>
		307	<tr>
		308	<td>Yuri Berry</td>
		309	<td>Chief Marketing Officer (CMO)</td>
		310	<td>New York</td>
		311	<td>40</td>
		312	<td>2009/06/25</td>
		313	<td>$675,000</td>
		314	</tr>
		315	<tr>
		316	<td>Caesar Vance</td>
		317	<td>Pre-Sales Support</td>
		318	<td>New York</td>
		319	<td>21</td>
		320	<td>2011/12/12</td>
		321	<td>$106,450</td>
		322	</tr>
		323	<tr>
		324	<td>Doris Wilder</td>
		325	<td>Sales Assistant</td>
		326	<td>Sidney</td>
		327	<td>23</td>
		328	<td>2010/09/20</td>
		329	<td>$85,600</td>
		330	</tr>
		331	<tr>
		332	<td>Angelica Ramos</td>
		333	<td>Chief Executive Officer (CEO)</td>
		334	<td>London</td>
		335	<td>47</td>
		336	<td>2009/10/09</td>
		337	<td>$1,200,000</td>
		338	</tr>
		339	<tr>
		340	<td>Gavin Joyce</td>
		341	<td>Developer</td>
		342	<td>Edinburgh</td>
		343	<td>42</td>
		344	<td>2010/12/22</td>
		345	<td>$92,575</td>
		346	</tr>
		347	<tr>
		348	<td>Jennifer Chang</td>
		349	<td>Regional Director</td>
		350	<td>Singapore</td>
		351	<td>28</td>
		352	<td>2010/11/14</td>
		353	<td>$357,650</td>
		354	</tr>
		355	<tr>
		356	<td>Brenden Wagner</td>
		357	<td>Software Engineer</td>
		358	<td>San Francisco</td>
		359	<td>28</td>
		360	<td>2011/06/07</td>
		361	<td>$206,850</td>
		362	</tr>
		363	<tr>
		364	<td>Fiona Green</td>
		365	<td>Chief Operating Officer (COO)</td>
		366	<td>San Francisco</td>
		367	<td>48</td>
		368	<td>2010/03/11</td>
		369	<td>$850,000</td>
		370	</tr>
		371	<tr>
		372	<td>Shou Itou</td>
		373	<td>Regional Marketing</td>
		374	<td>Tokyo</td>
		375	<td>20</td>
		376	<td>2011/08/14</td>
		377	<td>$163,000</td>
		378	</tr>
		379	<tr>
		380	<td>Michelle House</td>
		381	<td>Integration Specialist</td>
		382	<td>Sidney</td>
		383	<td>37</td>
		384	<td>2011/06/02</td>
		385	<td>$95,400</td>
		386	</tr>
		387	<tr>
		388	<td>Suki Burks</td>
		389	<td>Developer</td>
		390	<td>London</td>
		391	<td>53</td>
		392	<td>2009/10/22</td>
		393	<td>$114,500</td>
		394	</tr>
		395	<tr>
		396	<td>Prescott Bartlett</td>
		397	<td>Technical Author</td>
		398	<td>London</td>
		399	<td>27</td>
		400	<td>2011/05/07</td>
		401	<td>$145,000</td>
		402	</tr>
		403	<tr>
		404	<td>Gavin Cortez</td>
		405	<td>Team Leader</td>
		406	<td>San Francisco</td>
		407	<td>22</td>
		408	<td>2008/10/26</td>
		409	<td>$235,500</td>
		410	</tr>
		411	<tr>
		412	<td>Martena Mccray</td>
		413	<td>Post-Sales support</td>
		414	<td>Edinburgh</td>
		415	<td>46</td>
		416	<td>2011/03/09</td>
		417	<td>$324,050</td>
		418	</tr>
		419	<tr>
		420	<td>Unity Butler</td>
		421	<td>Marketing Designer</td>
		422	<td>San Francisco</td>
		423	<td>47</td>
		424	<td>2009/12/09</td>
		425	<td>$85,675</td>
		426	</tr>
		427	<tr>
		428	<td>Howard Hatfield</td>
		429	<td>Office Manager</td>
		430	<td>San Francisco</td>
		431	<td>51</td>
		432	<td>2008/12/16</td>
		433	<td>$164,500</td>
		434	</tr>
		435	<tr>
		436	<td>Hope Fuentes</td>
		437	<td>Secretary</td>
		438	<td>San Francisco</td>
		439	<td>41</td>
		440	<td>2010/02/12</td>
		441	<td>$109,850</td>
		442	</tr>
		443	<tr>
		444	<td>Vivian Harrell</td>
		445	<td>Financial Controller</td>
		446	<td>San Francisco</td>
		447	<td>62</td>
		448	<td>2009/02/14</td>
		449	<td>$452,500</td>
		450	</tr>
		451	<tr>
		452	<td>Timothy Mooney</td>
		453	<td>Office Manager</td>
		454	<td>London</td>
		455	<td>37</td>
		456	<td>2008/12/11</td>
		457	<td>$136,200</td>
		458	</tr>
		459	<tr>
		460	<td>Jackson Bradshaw</td>
		461	<td>Director</td>
		462	<td>New York</td>
		463	<td>65</td>
		464	<td>2008/09/26</td>
		465	<td>$645,750</td>
		466	</tr>
		467	<tr>
		468	<td>Olivia Liang</td>
		469	<td>Support Engineer</td>
		470	<td>Singapore</td>
		471	<td>64</td>
		472	<td>2011/02/03</td>
		473	<td>$234,500</td>
		474	</tr>
		475	<tr>
		476	<td>Bruno Nash</td>
		477	<td>Software Engineer</td>
		478	<td>London</td>
		479	<td>38</td>
		480	<td>2011/05/03</td>
		481	<td>$163,500</td>
		482	</tr>
		483	<tr>
		484	<td>Sakura Yamamoto</td>
		485	<td>Support Engineer</td>
		486	<td>Tokyo</td>
		487	<td>37</td>
		488	<td>2009/08/19</td>
		489	<td>$139,575</td>
		490	</tr>
		491	<tr>
		492	<td>Thor Walton</td>
		493	<td>Developer</td>
		494	<td>New York</td>
		495	<td>61</td>
		496	<td>2013/08/11</td>
		497	<td>$98,540</td>
		498	</tr>
		499	<tr>
		500	<td>Finn Camacho</td>
		501	<td>Support Engineer</td>
		502	<td>San Francisco</td>
		503	<td>47</td>
		504	<td>2009/07/07</td>
		505	<td>$87,500</td>
		506	</tr>
		507	<tr>
		508	<td>Serge Baldwin</td>
		509	<td>Data Coordinator</td>
		510	<td>Singapore</td>
		511	<td>64</td>
		512	<td>2012/04/09</td>
		513	<td>$138,575</td>
		514	</tr>
		515	<tr>
		516	<td>Zenaida Frank</td>
		517	<td>Software Engineer</td>
		518	<td>New York</td>
		519	<td>63</td>
		520	<td>2010/01/04</td>
		521	<td>$125,250</td>
		522	</tr>
		523	<tr>
		524	<td>Zorita Serrano</td>
		525	<td>Software Engineer</td>
		526	<td>San Francisco</td>
		527	<td>56</td>
		528	<td>2012/06/01</td>
		529	<td>$115,000</td>
		530	</tr>
		531	<tr>
		532	<td>Jennifer Acosta</td>
		533	<td>Junior Javascript Developer</td>
		534	<td>Edinburgh</td>
		535	<td>43</td>
		536	<td>2013/02/01</td>
		537	<td>$75,650</td>
		538	</tr>
		539	<tr>
		540	<td>Cara Stevens</td>
		541	<td>Sales Assistant</td>
		542	<td>New York</td>
		543	<td>46</td>
		544	<td>2011/12/06</td>
		545	<td>$145,600</td>
		546	</tr>
		547	<tr>
		548	<td>Hermione Butler</td>
		549	<td>Regional Director</td>
		550	<td>London</td>
		551	<td>47</td>
		552	<td>2011/03/21</td>
		553	<td>$356,250</td>
		554	</tr>
		555	<tr>
		556	<td>Lael Greer</td>
		557	<td>Systems Administrator</td>
		558	<td>London</td>
		559	<td>21</td>
		560	<td>2009/02/27</td>
		561	<td>$103,500</td>
		562	</tr>
		563	<tr>
		564	<td>Jonas Alexander</td>
		565	<td>Developer</td>
		566	<td>San Francisco</td>
		567	<td>30</td>
		568	<td>2010/07/14</td>
		569	<td>$86,500</td>
		570	</tr>
		571	<tr>
		572	<td>Shad Decker</td>
		573	<td>Regional Director</td>
		574	<td>Edinburgh</td>
		575	<td>51</td>
		576	<td>2008/11/13</td>
		577	<td>$183,000</td>
		578	</tr>
		579	<tr>
		580	<td>Michael Bruce</td>
		581	<td>Javascript Developer</td>
		582	<td>Singapore</td>
		583	<td>29</td>
		584	<td>2011/06/27</td>
		585	<td>$183,000</td>
		586	</tr>
		587	<tr>
		588	<td>Donna Snider</td>
		589	<td>Customer Support</td>
		590	<td>New York</td>
		591	<td>27</td>
		592	<td>2011/01/25</td>
		593	<td>$112,000</td>
		594	</tr>
		595	</tbody>
		596	</table>
		597
		598	<ul class="tabs">
		599	<li class="active">Javascript</li>
		600	<li>HTML</li>
		601	<li>CSS</li>
		602	<li>Ajax</li>
		603	<li>Server-side script</li>
		604	</ul>
		605
		606	<div class="tabs">
		607	<div class="js">
		608	<p>The Javascript shown below is used to initialise the table shown in this
		609	example:</p><code class="multiline brush: js;">$(document).ready(function() {
		610	$('#example').dataTable( {
		611	"dom": '<"top"i>rt<"bottom"flp><"clear">'
		612	} );
		613	} );</code>
		614
		615	<p>In addition to the above code, the following Javascript library files are loaded for use in this
		616	example:</p>
		617
		618	<ul>
		619	<li><a href="../../media/js/jquery.js">../../media/js/jquery.js</a></li>
		620	<li><a href="../../media/js/jquery.dataTables.js">../../media/js/jquery.dataTables.js</a></li>
		621	</ul>
		622	</div>
		623
		624	<div class="table">
		625	<p>The HTML shown below is the raw HTML table element, before it has been enhanced by
		626	DataTables:</p>
		627	</div>
		628
		629	<div class="css">
		630	<div>
		631	<p>This example uses a little bit of additional CSS beyond what is loaded from the library
		632	files (below), in order to correctly display the table. The additional CSS used is shown
		633	below:</p><code class="multiline brush: js;"></code>
		634	</div>
		635
		636	<p>The following CSS library files are loaded for use in this example to provide the styling of the
		637	table:</p>
		638
		639	<ul>
		640	<li><a href=
		641	"../../media/css/jquery.dataTables.css">../../media/css/jquery.dataTables.css</a></li>
		642	</ul>
		643	</div>
		644
		645	<div class="ajax">
		646	<p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data
		647	will update automatically as any additional data is loaded.</p>
		648	</div>
		649
		650	<div class="php">
		651	<p>The script used to perform the server-side processing for this table is shown below. Please note
		652	that this is just an example script using PHP. Server-side processing scripts can be written in any
		653	language, using <a href="//datatables.net/manual/server-side">the protocol described in the
		654	DataTables documentation</a>.</p>
		655	</div>
		656	</div>
		657	</section>
		658	</div>
		659
		660	<section>
		661	<div class="footer">
		662	<div class="gradient"></div>
		663
		664	<div class="liner">
		665	<h2>Other examples</h2>
		666
		667	<div class="toc">
		668	<div class="toc-group">
		669	<h3><a href="./index.html">Basic initialisation</a></h3>
		670	<ul class="toc active">
		671	<li><a href="./zero_configuration.html">Zero configuration</a></li>
		672	<li><a href="./filter_only.html">Feature enable / disable</a></li>
		673	<li><a href="./table_sorting.html">Default ordering (sorting)</a></li>
		674	<li><a href="./multi_col_sort.html">Multi-column ordering</a></li>
		675	<li><a href="./multiple_tables.html">Multiple tables</a></li>
		676	<li><a href="./hidden_columns.html">Hidden columns</a></li>
		677	<li><a href="./complex_header.html">Complex headers (rowspan and colspan)</a></li>
		678	<li class="active"><a href="./dom.html">DOM positioning</a></li>
		679	<li><a href="./flexible_width.html">Flexible table width</a></li>
		680	<li><a href="./state_save.html">State saving</a></li>
		681	<li><a href="./alt_pagination.html">Alternative pagination</a></li>
		682	<li><a href="./scroll_y.html">Scroll - vertical</a></li>
		683	<li><a href="./scroll_x.html">Scroll - horizontal</a></li>
		684	<li><a href="./scroll_xy.html">Scroll - horizontal and vertical</a></li>
		685	<li><a href="./scroll_y_theme.html">Scroll - vertical with jQuery UI ThemeRoller</a></li>
		686	<li><a href="./comma-decimal.html">Language - Comma decimal place</a></li>
		687	<li><a href="./language.html">Language options</a></li>
		688	</ul>
		689	</div>
		690
		691	<div class="toc-group">
		692	<h3><a href="../advanced_init/index.html">Advanced initialisation</a></h3>
		693	<ul class="toc">
		694	<li><a href="../advanced_init/events_live.html">DOM / jQuery events</a></li>
		695	<li><a href="../advanced_init/dt_events.html">DataTables events</a></li>
		696	<li><a href="../advanced_init/column_render.html">Column rendering</a></li>
		697	<li><a href="../advanced_init/length_menu.html">Page length options</a></li>
		698	<li><a href="../advanced_init/dom_multiple_elements.html">Multiple table control
		699	elements</a></li>
		700	<li><a href="../advanced_init/complex_header.html">Complex headers (rowspan /
		701	colspan)</a></li>
		702	<li><a href="../advanced_init/html5-data-attributes.html">HTML5 data-* attributes</a></li>
		703	<li><a href="../advanced_init/language_file.html">Language file</a></li>
		704	<li><a href="../advanced_init/defaults.html">Setting defaults</a></li>
		705	<li><a href="../advanced_init/row_callback.html">Row created callback</a></li>
		706	<li><a href="../advanced_init/row_grouping.html">Row grouping</a></li>
		707	<li><a href="../advanced_init/footer_callback.html">Footer callback</a></li>
		708	<li><a href="../advanced_init/dom_toolbar.html">Custom toolbar elements</a></li>
		709	<li><a href="../advanced_init/sort_direction_control.html">Order direction sequence
		710	control</a></li>
		711	</ul>
		712	</div>
		713
		714	<div class="toc-group">
		715	<h3><a href="../styling/index.html">Styling</a></h3>
		716	<ul class="toc">
		717	<li><a href="../styling/display.html">Base style</a></li>
		718	<li><a href="../styling/no-classes.html">Base style - no styling classes</a></li>
		719	<li><a href="../styling/cell-border.html">Base style - cell borders</a></li>
		720	<li><a href="../styling/compact.html">Base style - compact</a></li>
		721	<li><a href="../styling/hover.html">Base style - hover</a></li>
		722	<li><a href="../styling/order-column.html">Base style - order-column</a></li>
		723	<li><a href="../styling/row-border.html">Base style - row borders</a></li>
		724	<li><a href="../styling/stripe.html">Base style - stripe</a></li>
		725	<li><a href="../styling/bootstrap.html">Bootstrap</a></li>
		726	<li><a href="../styling/foundation.html">Foundation</a></li>
		727	<li><a href="../styling/jqueryUI.html">jQuery UI ThemeRoller</a></li>
		728	</ul>
		729	</div>
		730
		731	<div class="toc-group">
		732	<h3><a href="../data_sources/index.html">Data sources</a></h3>
		733	<ul class="toc">
		734	<li><a href="../data_sources/dom.html">HTML (DOM) sourced data</a></li>
		735	<li><a href="../data_sources/ajax.html">Ajax sourced data</a></li>
		736	<li><a href="../data_sources/js_array.html">Javascript sourced data</a></li>
		737	<li><a href="../data_sources/server_side.html">Server-side processing</a></li>
		738	</ul>
		739	</div>
		740
		741	<div class="toc-group">
		742	<h3><a href="../api/index.html">API</a></h3>
		743	<ul class="toc">
		744	<li><a href="../api/add_row.html">Add rows</a></li>
		745	<li><a href="../api/multi_filter.html">Individual column searching (text inputs)</a></li>
		746	<li><a href="../api/multi_filter_select.html">Individual column searching (select
		747	inputs)</a></li>
		748	<li><a href="../api/highlight.html">Highlighting rows and columns</a></li>
		749	<li><a href="../api/row_details.html">Child rows (show extra / detailed
		750	information)</a></li>
		751	<li><a href="../api/select_row.html">Row selection (multiple rows)</a></li>
		752	<li><a href="../api/select_single_row.html">Row selection and deletion (single
		753	row)</a></li>
		754	<li><a href="../api/form.html">Form inputs</a></li>
		755	<li><a href="../api/counter_columns.html">Index column</a></li>
		756	<li><a href="../api/show_hide.html">Show / hide columns dynamically</a></li>
		757	<li><a href="../api/api_in_init.html">Using API in callbacks</a></li>
		758	<li><a href="../api/tabs_and_scrolling.html">Scrolling and jQuery UI tabs</a></li>
		759	<li><a href="../api/regex.html">Search API (regular expressions)</a></li>
		760	</ul>
		761	</div>
		762
		763	<div class="toc-group">
		764	<h3><a href="../ajax/index.html">Ajax</a></h3>
		765	<ul class="toc">
		766	<li><a href="../ajax/simple.html">Ajax data source (arrays)</a></li>
		767	<li><a href="../ajax/objects.html">Ajax data source (objects)</a></li>
		768	<li><a href="../ajax/deep.html">Nested object data (objects)</a></li>
		769	<li><a href="../ajax/objects_subarrays.html">Nested object data (arrays)</a></li>
		770	<li><a href="../ajax/orthogonal-data.html">Orthogonal data</a></li>
		771	<li><a href="../ajax/null_data_source.html">Generated content for a column</a></li>
		772	<li><a href="../ajax/custom_data_property.html">Custom data source property</a></li>
		773	<li><a href="../ajax/custom_data_flat.html">Flat array data source</a></li>
		774	<li><a href="../ajax/defer_render.html">Deferred rendering for speed</a></li>
		775	</ul>
		776	</div>
		777
		778	<div class="toc-group">
		779	<h3><a href="../server_side/index.html">Server-side</a></h3>
		780	<ul class="toc">
		781	<li><a href="../server_side/simple.html">Server-side processing</a></li>
		782	<li><a href="../server_side/custom_vars.html">Custom HTTP variables</a></li>
		783	<li><a href="../server_side/post.html">POST data</a></li>
		784	<li><a href="../server_side/ids.html">Automatic addition of row ID attributes</a></li>
		785	<li><a href="../server_side/object_data.html">Object data source</a></li>
		786	<li><a href="../server_side/row_details.html">Row details</a></li>
		787	<li><a href="../server_side/select_rows.html">Row selection</a></li>
		788	<li><a href="../server_side/jsonp.html">JSONP data source for remote domains</a></li>
		789	<li><a href="../server_side/defer_loading.html">Deferred loading of data</a></li>
		790	<li><a href="../server_side/pipeline.html">Pipelining data to reduce Ajax calls for
		791	paging</a></li>
		792	</ul>
		793	</div>
		794
		795	<div class="toc-group">
		796	<h3><a href="../plug-ins/index.html">Plug-ins</a></h3>
		797	<ul class="toc">
		798	<li><a href="../plug-ins/api.html">API plug-in methods</a></li>
		799	<li><a href="../plug-ins/sorting_auto.html">Ordering plug-ins (with type
		800	detection)</a></li>
		801	<li><a href="../plug-ins/sorting_manual.html">Ordering plug-ins (no type
		802	detection)</a></li>
		803	<li><a href="../plug-ins/range_filtering.html">Custom filtering - range search</a></li>
		804	<li><a href="../plug-ins/dom_sort.html">Live DOM ordering</a></li>
		805	</ul>
		806	</div>
		807	</div>
		808
		809	<div class="epilogue">
		810	<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full
		811	information about its API properties and methods.<br>
		812	Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and
		813	<a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of
		814	DataTables.</p>
		815
		816	<p class="copyright">DataTables designed and created by <a href=
		817	"http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2014<br>
		818	DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
		819	</div>
		820	</div>
		821	</div>
		822	</section>
		823	</body>
		824	</html>

Subversion Repositories Integrator Subversion

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