WebSVN – lars-tiefland.ci – Blame – /htdocs/JavaScript/DataTables-1.10.5/extensions/Responsive/examples/child-rows/right-column.html

Revision	Autor	Zeilennr.	Zeile
41	lars	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>Responsive example - Column control - right</title>`
		9	`<link rel="stylesheet" type="text/css" href="../../../../media/css/jquery.dataTables.css">`
		10	`<link rel="stylesheet" type="text/css" href="../../css/dataTables.responsive.css">`
		11	`<link rel="stylesheet" type="text/css" href="../../../../examples/resources/syntax/shCore.css">`
		12	`<link rel="stylesheet" type="text/css" href="../../../../examples/resources/demo.css">`
		13	`<style type="text/css" class="init">`
		14
		15	`</style>`
		16	`<script type="text/javascript" language="javascript" src="../../../../media/js/jquery.js"></script>`
		17	`<script type="text/javascript" language="javascript" src="../../../../media/js/jquery.dataTables.js"></script>`
		18	`<script type="text/javascript" language="javascript" src="../../js/dataTables.responsive.js"></script>`
		19	`<script type="text/javascript" language="javascript" src="../../../../examples/resources/syntax/shCore.js"></script>`
		20	`<script type="text/javascript" language="javascript" src="../../../../examples/resources/demo.js"></script>`
		21	`<script type="text/javascript" language="javascript" class="init">`
		22
		23
		24
		25	`$(document).ready(function() {`
		26	`$('#example').DataTable( {`
		27	`responsive: {`
		28	`details: {`
		29	`type: 'column',`
		30	`target: -1`
		31	`}`
		32	`},`
		33	`columnDefs: [ {`
		34	`className: 'control',`
		35	`orderable: false,`
		36	`targets: -1`
		37	`} ]`
		38	`} );`
		39	`} );`
		40
		41
		42
		43	`</script>`
		44	`</head>`
		45
		46	`<body class="dt-example">`
		47	`<div class="container">`
		48	`<section>`
		49	`<h1>Responsive example <span>Column control - right</span></h1>`
		50
		51	`<div class="info">`
		52	`<p>When using the <code>column</code> child row control type, Responsive has the ability to use any column or element as the show / hide control for the row`
		53	`details. This is provided through the <a href="//datatables.net/extensions/responsive/reference/option/responsive.details.target"><code class="option" title=`
		54	`"Responsive initialisation option">responsive.details.target<span>R</span></code></a> option, which can be either a column index, or a jQuery selector.</p>`
		55
		56	`<p>This example shows the last column in the table being used as the control column.</p>`
		57	`</div>`
		58
		59	`<table id="example" class="display nowrap" cellspacing="0" width="100%">`
		60	`<thead>`
		61	`<tr>`
		62	`<th>First name</th>`
		63	`<th>Last name</th>`
		64	`<th>Position</th>`
		65	`<th>Office</th>`
		66	`<th>Age</th>`
		67	`<th>Start date</th>`
		68	`<th>Salary</th>`
		69	`<th>Extn.</th>`
		70	`<th></th>`
		71	`</tr>`
		72	`</thead>`
		73
		74	`<tfoot>`
		75	`<tr>`
		76	`<th>First name</th>`
		77	`<th>Last name</th>`
		78	`<th>Position</th>`
		79	`<th>Office</th>`
		80	`<th>Age</th>`
		81	`<th>Start date</th>`
		82	`<th>Salary</th>`
		83	`<th>Extn.</th>`
		84	`<th></th>`
		85	`</tr>`
		86	`</tfoot>`
		87
		88	`<tbody>`
		89	`<tr>`
		90	`<td>Tiger</td>`
		91	`<td>Nixon</td>`
		92	`<td>System Architect</td>`
		93	`<td>Edinburgh</td>`
		94	`<td>61</td>`
		95	`<td>2011/04/25</td>`
		96	`<td>$320,800</td>`
		97	`<td>5421</td>`
		98	`<td></td>`
		99	`</tr>`
		100	`<tr>`
		101	`<td>Garrett</td>`
		102	`<td>Winters</td>`
		103	`<td>Accountant</td>`
		104	`<td>Tokyo</td>`
		105	`<td>63</td>`
		106	`<td>2011/07/25</td>`
		107	`<td>$170,750</td>`
		108	`<td>8422</td>`
		109	`<td></td>`
		110	`</tr>`
		111	`<tr>`
		112	`<td>Ashton</td>`
		113	`<td>Cox</td>`
		114	`<td>Junior Technical Author</td>`
		115	`<td>San Francisco</td>`
		116	`<td>66</td>`
		117	`<td>2009/01/12</td>`
		118	`<td>$86,000</td>`
		119	`<td>1562</td>`
		120	`<td></td>`
		121	`</tr>`
		122	`<tr>`
		123	`<td>Cedric</td>`
		124	`<td>Kelly</td>`
		125	`<td>Senior Javascript Developer</td>`
		126	`<td>Edinburgh</td>`
		127	`<td>22</td>`
		128	`<td>2012/03/29</td>`
		129	`<td>$433,060</td>`
		130	`<td>6224</td>`
		131	`<td></td>`
		132	`</tr>`
		133	`<tr>`
		134	`<td>Airi</td>`
		135	`<td>Satou</td>`
		136	`<td>Accountant</td>`
		137	`<td>Tokyo</td>`
		138	`<td>33</td>`
		139	`<td>2008/11/28</td>`
		140	`<td>$162,700</td>`
		141	`<td>5407</td>`
		142	`<td></td>`
		143	`</tr>`
		144	`<tr>`
		145	`<td>Brielle</td>`
		146	`<td>Williamson</td>`
		147	`<td>Integration Specialist</td>`
		148	`<td>New York</td>`
		149	`<td>61</td>`
		150	`<td>2012/12/02</td>`
		151	`<td>$372,000</td>`
		152	`<td>4804</td>`
		153	`<td></td>`
		154	`</tr>`
		155	`<tr>`
		156	`<td>Herrod</td>`
		157	`<td>Chandler</td>`
		158	`<td>Sales Assistant</td>`
		159	`<td>San Francisco</td>`
		160	`<td>59</td>`
		161	`<td>2012/08/06</td>`
		162	`<td>$137,500</td>`
		163	`<td>9608</td>`
		164	`<td></td>`
		165	`</tr>`
		166	`<tr>`
		167	`<td>Rhona</td>`
		168	`<td>Davidson</td>`
		169	`<td>Integration Specialist</td>`
		170	`<td>Tokyo</td>`
		171	`<td>55</td>`
		172	`<td>2010/10/14</td>`
		173	`<td>$327,900</td>`
		174	`<td>6200</td>`
		175	`<td></td>`
		176	`</tr>`
		177	`<tr>`
		178	`<td>Colleen</td>`
		179	`<td>Hurst</td>`
		180	`<td>Javascript Developer</td>`
		181	`<td>San Francisco</td>`
		182	`<td>39</td>`
		183	`<td>2009/09/15</td>`
		184	`<td>$205,500</td>`
		185	`<td>2360</td>`
		186	`<td></td>`
		187	`</tr>`
		188	`<tr>`
		189	`<td>Sonya</td>`
		190	`<td>Frost</td>`
		191	`<td>Software Engineer</td>`
		192	`<td>Edinburgh</td>`
		193	`<td>23</td>`
		194	`<td>2008/12/13</td>`
		195	`<td>$103,600</td>`
		196	`<td>1667</td>`
		197	`<td></td>`
		198	`</tr>`
		199	`<tr>`
		200	`<td>Jena</td>`
		201	`<td>Gaines</td>`
		202	`<td>Office Manager</td>`
		203	`<td>London</td>`
		204	`<td>30</td>`
		205	`<td>2008/12/19</td>`
		206	`<td>$90,560</td>`
		207	`<td>3814</td>`
		208	`<td></td>`
		209	`</tr>`
		210	`<tr>`
		211	`<td>Quinn</td>`
		212	`<td>Flynn</td>`
		213	`<td>Support Lead</td>`
		214	`<td>Edinburgh</td>`
		215	`<td>22</td>`
		216	`<td>2013/03/03</td>`
		217	`<td>$342,000</td>`
		218	`<td>9497</td>`
		219	`<td></td>`
		220	`</tr>`
		221	`<tr>`
		222	`<td>Charde</td>`
		223	`<td>Marshall</td>`
		224	`<td>Regional Director</td>`
		225	`<td>San Francisco</td>`
		226	`<td>36</td>`
		227	`<td>2008/10/16</td>`
		228	`<td>$470,600</td>`
		229	`<td>6741</td>`
		230	`<td></td>`
		231	`</tr>`
		232	`<tr>`
		233	`<td>Haley</td>`
		234	`<td>Kennedy</td>`
		235	`<td>Senior Marketing Designer</td>`
		236	`<td>London</td>`
		237	`<td>43</td>`
		238	`<td>2012/12/18</td>`
		239	`<td>$313,500</td>`
		240	`<td>3597</td>`
		241	`<td></td>`
		242	`</tr>`
		243	`<tr>`
		244	`<td>Tatyana</td>`
		245	`<td>Fitzpatrick</td>`
		246	`<td>Regional Director</td>`
		247	`<td>London</td>`
		248	`<td>19</td>`
		249	`<td>2010/03/17</td>`
		250	`<td>$385,750</td>`
		251	`<td>1965</td>`
		252	`<td></td>`
		253	`</tr>`
		254	`<tr>`
		255	`<td>Michael</td>`
		256	`<td>Silva</td>`
		257	`<td>Marketing Designer</td>`
		258	`<td>London</td>`
		259	`<td>66</td>`
		260	`<td>2012/11/27</td>`
		261	`<td>$198,500</td>`
		262	`<td>1581</td>`
		263	`<td></td>`
		264	`</tr>`
		265	`<tr>`
		266	`<td>Paul</td>`
		267	`<td>Byrd</td>`
		268	`<td>Chief Financial Officer (CFO)</td>`
		269	`<td>New York</td>`
		270	`<td>64</td>`
		271	`<td>2010/06/09</td>`
		272	`<td>$725,000</td>`
		273	`<td>3059</td>`
		274	`<td></td>`
		275	`</tr>`
		276	`<tr>`
		277	`<td>Gloria</td>`
		278	`<td>Little</td>`
		279	`<td>Systems Administrator</td>`
		280	`<td>New York</td>`
		281	`<td>59</td>`
		282	`<td>2009/04/10</td>`
		283	`<td>$237,500</td>`
		284	`<td>1721</td>`
		285	`<td></td>`
		286	`</tr>`
		287	`<tr>`
		288	`<td>Bradley</td>`
		289	`<td>Greer</td>`
		290	`<td>Software Engineer</td>`
		291	`<td>London</td>`
		292	`<td>41</td>`
		293	`<td>2012/10/13</td>`
		294	`<td>$132,000</td>`
		295	`<td>2558</td>`
		296	`<td></td>`
		297	`</tr>`
		298	`<tr>`
		299	`<td>Dai</td>`
		300	`<td>Rios</td>`
		301	`<td>Personnel Lead</td>`
		302	`<td>Edinburgh</td>`
		303	`<td>35</td>`
		304	`<td>2012/09/26</td>`
		305	`<td>$217,500</td>`
		306	`<td>2290</td>`
		307	`<td></td>`
		308	`</tr>`
		309	`<tr>`
		310	`<td>Jenette</td>`
		311	`<td>Caldwell</td>`
		312	`<td>Development Lead</td>`
		313	`<td>New York</td>`
		314	`<td>30</td>`
		315	`<td>2011/09/03</td>`
		316	`<td>$345,000</td>`
		317	`<td>1937</td>`
		318	`<td></td>`
		319	`</tr>`
		320	`<tr>`
		321	`<td>Yuri</td>`
		322	`<td>Berry</td>`
		323	`<td>Chief Marketing Officer (CMO)</td>`
		324	`<td>New York</td>`
		325	`<td>40</td>`
		326	`<td>2009/06/25</td>`
		327	`<td>$675,000</td>`
		328	`<td>6154</td>`
		329	`<td></td>`
		330	`</tr>`
		331	`<tr>`
		332	`<td>Caesar</td>`
		333	`<td>Vance</td>`
		334	`<td>Pre-Sales Support</td>`
		335	`<td>New York</td>`
		336	`<td>21</td>`
		337	`<td>2011/12/12</td>`
		338	`<td>$106,450</td>`
		339	`<td>8330</td>`
		340	`<td></td>`
		341	`</tr>`
		342	`<tr>`
		343	`<td>Doris</td>`
		344	`<td>Wilder</td>`
		345	`<td>Sales Assistant</td>`
		346	`<td>Sidney</td>`
		347	`<td>23</td>`
		348	`<td>2010/09/20</td>`
		349	`<td>$85,600</td>`
		350	`<td>3023</td>`
		351	`<td></td>`
		352	`</tr>`
		353	`<tr>`
		354	`<td>Angelica</td>`
		355	`<td>Ramos</td>`
		356	`<td>Chief Executive Officer (CEO)</td>`
		357	`<td>London</td>`
		358	`<td>47</td>`
		359	`<td>2009/10/09</td>`
		360	`<td>$1,200,000</td>`
		361	`<td>5797</td>`
		362	`<td></td>`
		363	`</tr>`
		364	`<tr>`
		365	`<td>Gavin</td>`
		366	`<td>Joyce</td>`
		367	`<td>Developer</td>`
		368	`<td>Edinburgh</td>`
		369	`<td>42</td>`
		370	`<td>2010/12/22</td>`
		371	`<td>$92,575</td>`
		372	`<td>8822</td>`
		373	`<td></td>`
		374	`</tr>`
		375	`<tr>`
		376	`<td>Jennifer</td>`
		377	`<td>Chang</td>`
		378	`<td>Regional Director</td>`
		379	`<td>Singapore</td>`
		380	`<td>28</td>`
		381	`<td>2010/11/14</td>`
		382	`<td>$357,650</td>`
		383	`<td>9239</td>`
		384	`<td></td>`
		385	`</tr>`
		386	`<tr>`
		387	`<td>Brenden</td>`
		388	`<td>Wagner</td>`
		389	`<td>Software Engineer</td>`
		390	`<td>San Francisco</td>`
		391	`<td>28</td>`
		392	`<td>2011/06/07</td>`
		393	`<td>$206,850</td>`
		394	`<td>1314</td>`
		395	`<td></td>`
		396	`</tr>`
		397	`<tr>`
		398	`<td>Fiona</td>`
		399	`<td>Green</td>`
		400	`<td>Chief Operating Officer (COO)</td>`
		401	`<td>San Francisco</td>`
		402	`<td>48</td>`
		403	`<td>2010/03/11</td>`
		404	`<td>$850,000</td>`
		405	`<td>2947</td>`
		406	`<td></td>`
		407	`</tr>`
		408	`<tr>`
		409	`<td>Shou</td>`
		410	`<td>Itou</td>`
		411	`<td>Regional Marketing</td>`
		412	`<td>Tokyo</td>`
		413	`<td>20</td>`
		414	`<td>2011/08/14</td>`
		415	`<td>$163,000</td>`
		416	`<td>8899</td>`
		417	`<td></td>`
		418	`</tr>`
		419	`<tr>`
		420	`<td>Michelle</td>`
		421	`<td>House</td>`
		422	`<td>Integration Specialist</td>`
		423	`<td>Sidney</td>`
		424	`<td>37</td>`
		425	`<td>2011/06/02</td>`
		426	`<td>$95,400</td>`
		427	`<td>2769</td>`
		428	`<td></td>`
		429	`</tr>`
		430	`<tr>`
		431	`<td>Suki</td>`
		432	`<td>Burks</td>`
		433	`<td>Developer</td>`
		434	`<td>London</td>`
		435	`<td>53</td>`
		436	`<td>2009/10/22</td>`
		437	`<td>$114,500</td>`
		438	`<td>6832</td>`
		439	`<td></td>`
		440	`</tr>`
		441	`<tr>`
		442	`<td>Prescott</td>`
		443	`<td>Bartlett</td>`
		444	`<td>Technical Author</td>`
		445	`<td>London</td>`
		446	`<td>27</td>`
		447	`<td>2011/05/07</td>`
		448	`<td>$145,000</td>`
		449	`<td>3606</td>`
		450	`<td></td>`
		451	`</tr>`
		452	`<tr>`
		453	`<td>Gavin</td>`
		454	`<td>Cortez</td>`
		455	`<td>Team Leader</td>`
		456	`<td>San Francisco</td>`
		457	`<td>22</td>`
		458	`<td>2008/10/26</td>`
		459	`<td>$235,500</td>`
		460	`<td>2860</td>`
		461	`<td></td>`
		462	`</tr>`
		463	`<tr>`
		464	`<td>Martena</td>`
		465	`<td>Mccray</td>`
		466	`<td>Post-Sales support</td>`
		467	`<td>Edinburgh</td>`
		468	`<td>46</td>`
		469	`<td>2011/03/09</td>`
		470	`<td>$324,050</td>`
		471	`<td>8240</td>`
		472	`<td></td>`
		473	`</tr>`
		474	`<tr>`
		475	`<td>Unity</td>`
		476	`<td>Butler</td>`
		477	`<td>Marketing Designer</td>`
		478	`<td>San Francisco</td>`
		479	`<td>47</td>`
		480	`<td>2009/12/09</td>`
		481	`<td>$85,675</td>`
		482	`<td>5384</td>`
		483	`<td></td>`
		484	`</tr>`
		485	`<tr>`
		486	`<td>Howard</td>`
		487	`<td>Hatfield</td>`
		488	`<td>Office Manager</td>`
		489	`<td>San Francisco</td>`
		490	`<td>51</td>`
		491	`<td>2008/12/16</td>`
		492	`<td>$164,500</td>`
		493	`<td>7031</td>`
		494	`<td></td>`
		495	`</tr>`
		496	`<tr>`
		497	`<td>Hope</td>`
		498	`<td>Fuentes</td>`
		499	`<td>Secretary</td>`
		500	`<td>San Francisco</td>`
		501	`<td>41</td>`
		502	`<td>2010/02/12</td>`
		503	`<td>$109,850</td>`
		504	`<td>6318</td>`
		505	`<td></td>`
		506	`</tr>`
		507	`<tr>`
		508	`<td>Vivian</td>`
		509	`<td>Harrell</td>`
		510	`<td>Financial Controller</td>`
		511	`<td>San Francisco</td>`
		512	`<td>62</td>`
		513	`<td>2009/02/14</td>`
		514	`<td>$452,500</td>`
		515	`<td>9422</td>`
		516	`<td></td>`
		517	`</tr>`
		518	`<tr>`
		519	`<td>Timothy</td>`
		520	`<td>Mooney</td>`
		521	`<td>Office Manager</td>`
		522	`<td>London</td>`
		523	`<td>37</td>`
		524	`<td>2008/12/11</td>`
		525	`<td>$136,200</td>`
		526	`<td>7580</td>`
		527	`<td></td>`
		528	`</tr>`
		529	`<tr>`
		530	`<td>Jackson</td>`
		531	`<td>Bradshaw</td>`
		532	`<td>Director</td>`
		533	`<td>New York</td>`
		534	`<td>65</td>`
		535	`<td>2008/09/26</td>`
		536	`<td>$645,750</td>`
		537	`<td>1042</td>`
		538	`<td></td>`
		539	`</tr>`
		540	`<tr>`
		541	`<td>Olivia</td>`
		542	`<td>Liang</td>`
		543	`<td>Support Engineer</td>`
		544	`<td>Singapore</td>`
		545	`<td>64</td>`
		546	`<td>2011/02/03</td>`
		547	`<td>$234,500</td>`
		548	`<td>2120</td>`
		549	`<td></td>`
		550	`</tr>`
		551	`<tr>`
		552	`<td>Bruno</td>`
		553	`<td>Nash</td>`
		554	`<td>Software Engineer</td>`
		555	`<td>London</td>`
		556	`<td>38</td>`
		557	`<td>2011/05/03</td>`
		558	`<td>$163,500</td>`
		559	`<td>6222</td>`
		560	`<td></td>`
		561	`</tr>`
		562	`<tr>`
		563	`<td>Sakura</td>`
		564	`<td>Yamamoto</td>`
		565	`<td>Support Engineer</td>`
		566	`<td>Tokyo</td>`
		567	`<td>37</td>`
		568	`<td>2009/08/19</td>`
		569	`<td>$139,575</td>`
		570	`<td>9383</td>`
		571	`<td></td>`
		572	`</tr>`
		573	`<tr>`
		574	`<td>Thor</td>`
		575	`<td>Walton</td>`
		576	`<td>Developer</td>`
		577	`<td>New York</td>`
		578	`<td>61</td>`
		579	`<td>2013/08/11</td>`
		580	`<td>$98,540</td>`
		581	`<td>8327</td>`
		582	`<td></td>`
		583	`</tr>`
		584	`<tr>`
		585	`<td>Finn</td>`
		586	`<td>Camacho</td>`
		587	`<td>Support Engineer</td>`
		588	`<td>San Francisco</td>`
		589	`<td>47</td>`
		590	`<td>2009/07/07</td>`
		591	`<td>$87,500</td>`
		592	`<td>2927</td>`
		593	`<td></td>`
		594	`</tr>`
		595	`<tr>`
		596	`<td>Serge</td>`
		597	`<td>Baldwin</td>`
		598	`<td>Data Coordinator</td>`
		599	`<td>Singapore</td>`
		600	`<td>64</td>`
		601	`<td>2012/04/09</td>`
		602	`<td>$138,575</td>`
		603	`<td>8352</td>`
		604	`<td></td>`
		605	`</tr>`
		606	`<tr>`
		607	`<td>Zenaida</td>`
		608	`<td>Frank</td>`
		609	`<td>Software Engineer</td>`
		610	`<td>New York</td>`
		611	`<td>63</td>`
		612	`<td>2010/01/04</td>`
		613	`<td>$125,250</td>`
		614	`<td>7439</td>`
		615	`<td></td>`
		616	`</tr>`
		617	`<tr>`
		618	`<td>Zorita</td>`
		619	`<td>Serrano</td>`
		620	`<td>Software Engineer</td>`
		621	`<td>San Francisco</td>`
		622	`<td>56</td>`
		623	`<td>2012/06/01</td>`
		624	`<td>$115,000</td>`
		625	`<td>4389</td>`
		626	`<td></td>`
		627	`</tr>`
		628	`<tr>`
		629	`<td>Jennifer</td>`
		630	`<td>Acosta</td>`
		631	`<td>Junior Javascript Developer</td>`
		632	`<td>Edinburgh</td>`
		633	`<td>43</td>`
		634	`<td>2013/02/01</td>`
		635	`<td>$75,650</td>`
		636	`<td>3431</td>`
		637	`<td></td>`
		638	`</tr>`
		639	`<tr>`
		640	`<td>Cara</td>`
		641	`<td>Stevens</td>`
		642	`<td>Sales Assistant</td>`
		643	`<td>New York</td>`
		644	`<td>46</td>`
		645	`<td>2011/12/06</td>`
		646	`<td>$145,600</td>`
		647	`<td>3990</td>`
		648	`<td></td>`
		649	`</tr>`
		650	`<tr>`
		651	`<td>Hermione</td>`
		652	`<td>Butler</td>`
		653	`<td>Regional Director</td>`
		654	`<td>London</td>`
		655	`<td>47</td>`
		656	`<td>2011/03/21</td>`
		657	`<td>$356,250</td>`
		658	`<td>1016</td>`
		659	`<td></td>`
		660	`</tr>`
		661	`<tr>`
		662	`<td>Lael</td>`
		663	`<td>Greer</td>`
		664	`<td>Systems Administrator</td>`
		665	`<td>London</td>`
		666	`<td>21</td>`
		667	`<td>2009/02/27</td>`
		668	`<td>$103,500</td>`
		669	`<td>6733</td>`
		670	`<td></td>`
		671	`</tr>`
		672	`<tr>`
		673	`<td>Jonas</td>`
		674	`<td>Alexander</td>`
		675	`<td>Developer</td>`
		676	`<td>San Francisco</td>`
		677	`<td>30</td>`
		678	`<td>2010/07/14</td>`
		679	`<td>$86,500</td>`
		680	`<td>8196</td>`
		681	`<td></td>`
		682	`</tr>`
		683	`<tr>`
		684	`<td>Shad</td>`
		685	`<td>Decker</td>`
		686	`<td>Regional Director</td>`
		687	`<td>Edinburgh</td>`
		688	`<td>51</td>`
		689	`<td>2008/11/13</td>`
		690	`<td>$183,000</td>`
		691	`<td>6373</td>`
		692	`<td></td>`
		693	`</tr>`
		694	`<tr>`
		695	`<td>Michael</td>`
		696	`<td>Bruce</td>`
		697	`<td>Javascript Developer</td>`
		698	`<td>Singapore</td>`
		699	`<td>29</td>`
		700	`<td>2011/06/27</td>`
		701	`<td>$183,000</td>`
		702	`<td>5384</td>`
		703	`<td></td>`
		704	`</tr>`
		705	`<tr>`
		706	`<td>Donna</td>`
		707	`<td>Snider</td>`
		708	`<td>Customer Support</td>`
		709	`<td>New York</td>`
		710	`<td>27</td>`
		711	`<td>2011/01/25</td>`
		712	`<td>$112,000</td>`
		713	`<td>4226</td>`
		714	`<td></td>`
		715	`</tr>`
		716	`</tbody>`
		717	`</table>`
		718
		719	`<ul class="tabs">`
		720	`<li class="active">Javascript</li>`
		721	`<li>HTML</li>`
		722	`<li>CSS</li>`
		723	`<li>Ajax</li>`
		724	`<li>Server-side script</li>`
		725	`</ul>`
		726
		727	`<div class="tabs">`
		728	`<div class="js">`
		729	`<p>The Javascript shown below is used to initialise the table shown in this example:</p><code class="multiline language-js">$(document).ready(function() {`
		730	`$('#example').DataTable( {`
		731	`responsive: {`
		732	`details: {`
		733	`type: 'column',`
		734	`target: -1`
		735	`}`
		736	`},`
		737	`columnDefs: [ {`
		738	`className: 'control',`
		739	`orderable: false,`
		740	`targets: -1`
		741	`} ]`
		742	`} );`
		743	`} );</code>`
		744
		745	`<p>In addition to the above code, the following Javascript library files are loaded for use in this example:</p>`
		746
		747	`<ul>`
		748	`<li><a href="../../../../media/js/jquery.js">../../../../media/js/jquery.js</a></li>`
		749	`<li><a href="../../../../media/js/jquery.dataTables.js">../../../../media/js/jquery.dataTables.js</a></li>`
		750	`<li><a href="../../js/dataTables.responsive.js">../../js/dataTables.responsive.js</a></li>`
		751	`</ul>`
		752	`</div>`
		753
		754	`<div class="table">`
		755	`<p>The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:</p>`
		756	`</div>`
		757
		758	`<div class="css">`
		759	`<div>`
		760	`<p>This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The`
		761	`additional CSS used is shown below:</p><code class="multiline language-css"></code>`
		762	`</div>`
		763
		764	`<p>The following CSS library files are loaded for use in this example to provide the styling of the table:</p>`
		765
		766	`<ul>`
		767	`<li><a href="../../../../media/css/jquery.dataTables.css">../../../../media/css/jquery.dataTables.css</a></li>`
		768	`<li><a href="../../css/dataTables.responsive.css">../../css/dataTables.responsive.css</a></li>`
		769	`</ul>`
		770	`</div>`
		771
		772	`<div class="ajax">`
		773	`<p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is`
		774	`loaded.</p>`
		775	`</div>`
		776
		777	`<div class="php">`
		778	`<p>The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side`
		779	`processing scripts can be written in any language, using <a href="//datatables.net/manual/server-side">the protocol described in the DataTables`
		780	`documentation</a>.</p>`
		781	`</div>`
		782	`</div>`
		783	`</section>`
		784	`</div>`
		785
		786	`<section>`
		787	`<div class="footer">`
		788	`<div class="gradient"></div>`
		789
		790	`<div class="liner">`
		791	`<h2>Other examples</h2>`
		792
		793	`<div class="toc">`
		794	`<div class="toc-group">`
		795	`<h3><a href="../initialisation/index.html">Basic initialisation</a></h3>`
		796	`<ul class="toc">`
		797	`<li><a href="../initialisation/className.html">Class name</a></li>`
		798	`<li><a href="../initialisation/option.html">Configuration option</a></li>`
		799	<li><a href="../initialisation/new.html">`new` constructor</a></li>
		800	`<li><a href="../initialisation/ajax.html">Ajax data</a></li>`
		801	`<li><a href="../initialisation/default.html">Default initialisation</a></li>`
		802	`</ul>`
		803	`</div>`
		804
		805	`<div class="toc-group">`
		806	`<h3><a href="../styling/index.html">Styling</a></h3>`
		807	`<ul class="toc">`
		808	`<li><a href="../styling/bootstrap.html">Bootstrap styling</a></li>`
		809	`<li><a href="../styling/foundation.html">Foundation styling</a></li>`
		810	`</ul>`
		811	`</div>`
		812
		813	`<div class="toc-group">`
		814	`<h3><a href="../display-control/index.html">Display control</a></h3>`
		815	`<ul class="toc">`
		816	`<li><a href="../display-control/auto.html">Automatic column hiding</a></li>`
		817	`<li><a href="../display-control/classes.html">Class control</a></li>`
		818	`<li><a href="../display-control/init-classes.html">Assigned class control</a></li>`
		819	`<li><a href="../display-control/fixedHeader.html">With FixedHeader</a></li>`
		820	`</ul>`
		821	`</div>`
		822
		823	`<div class="toc-group">`
		824	`<h3><a href="./index.html">Child rows</a></h3>`
		825	`<ul class="toc active">`
		826	`<li><a href="./disable-child-rows.html">Disable child rows</a></li>`
		827	`<li><a href="./column-control.html">Column controlled child rows</a></li>`
		828	`<li class="active"><a href="./right-column.html">Column control - right</a></li>`
		829	`<li><a href="./whole-row-control.html">Whole row child row control</a></li>`
		830	`<li><a href="./custom-renderer.html">Custom child row renderer</a></li>`
		831	`</ul>`
		832	`</div>`
		833	`</div>`
		834
		835	`<div class="epilogue">`
		836	`<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full information about its API properties and methods.<br>`
		837	`Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and <a href="http://www.datatables.net/plug-ins">plug-ins</a>`
		838	`which extend the capabilities of DataTables.</p>`
		839
		840	`<p class="copyright">DataTables designed and created by <a href="http://www.sprymedia.co.uk">SpryMedia Ltd</a> © 2007-2015<br>`
		841	`DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>`
		842	`</div>`
		843	`</div>`
		844	`</div>`
		845	`</section>`
		846	`</body>`
		847	`</html>`

Subversion-Projekte lars-tiefland.ci

(root)/htdocs/JavaScript/DataTables-1.10.5/extensions/Responsive/examples/child-rows/right-column.html – Revision 67