Fix some bugs when testing opensds ansible
[stor4nfv.git] / src / ceph / src / pybind / mgr / dashboard / static / AdminLTE-2.3.7 / plugins / datatables / extensions / FixedHeader / examples / zIndexes.html
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>FixedHeader example - z-index order control</title>
9         <link rel="stylesheet" type="text/css" href="../../../media/css/jquery.dataTables.css">
10         <link rel="stylesheet" type="text/css" href="../css/dataTables.fixedHeader.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         div.dataTables_wrapper {
16                 width: 1500px;
17         }
18
19         </style>
20         <script type="text/javascript" language="javascript" src="../../../media/js/jquery.js"></script>
21         <script type="text/javascript" language="javascript" src="../../../media/js/jquery.dataTables.js"></script>
22         <script type="text/javascript" language="javascript" src="../js/dataTables.fixedHeader.js"></script>
23         <script type="text/javascript" language="javascript" src="../../../examples/resources/syntax/shCore.js"></script>
24         <script type="text/javascript" language="javascript" src="../../../examples/resources/demo.js"></script>
25         <script type="text/javascript" language="javascript" class="init">
26
27
28 $(document).ready(function() {
29         var table = $('#example').DataTable();
30
31         new $.fn.dataTable.FixedHeader( table, {
32                 left: true,
33                 zLeft: 105
34         } );
35 } );
36
37
38         </script>
39 </head>
40
41 <body class="dt-example">
42         <div class="container">
43                 <section>
44                         <h1>FixedHeader example <span>z-index order control</span></h1>
45
46                         <div class="info">
47                                 <p>When you have two or more columns fixed on a table, there might be occasions when you which to have
48                                 one column floating on top of another. This example shows how you can do that with the initialisation
49                                 parameters <code>zTop</code>, <code>zBottom</code>, <code>zLeft</code> and <code>zRight</code>. In this
50                                 example the left column is set to float on top of the header. The difference is subtle, but can be
51                                 effective.</p>
52
53                                 <p>The default zIndexes are:</p>
54
55                                 <ul class="markdown">
56                                         <li><code>zTop</code>: 104</li>
57                                         <li><code>zBottom</code>: 103</li>
58                                         <li><code>zLeft</code>: 102</li>
59                                         <li><code>zRight</code>: 101</li>
60                                 </ul>
61
62                                 <p>This example shows the left column being floated on top of the header.</p>
63                         </div>
64
65                         <table id="example" class="stripe row-border order-column" cellspacing="0" width="100%">
66                                 <thead>
67                                         <tr>
68                                                 <th>Name</th>
69                                                 <th>Position</th>
70                                                 <th>Office</th>
71                                                 <th>Age</th>
72                                                 <th>Start date</th>
73                                                 <th>Salary</th>
74                                         </tr>
75                                 </thead>
76
77                                 <tfoot>
78                                         <tr>
79                                                 <th>Name</th>
80                                                 <th>Position</th>
81                                                 <th>Office</th>
82                                                 <th>Age</th>
83                                                 <th>Start date</th>
84                                                 <th>Salary</th>
85                                         </tr>
86                                 </tfoot>
87
88                                 <tbody>
89                                         <tr>
90                                                 <td>Tiger Nixon</td>
91                                                 <td>System Architect</td>
92                                                 <td>Edinburgh</td>
93                                                 <td>61</td>
94                                                 <td>2011/04/25</td>
95                                                 <td>$320,800</td>
96                                         </tr>
97                                         <tr>
98                                                 <td>Garrett Winters</td>
99                                                 <td>Accountant</td>
100                                                 <td>Tokyo</td>
101                                                 <td>63</td>
102                                                 <td>2011/07/25</td>
103                                                 <td>$170,750</td>
104                                         </tr>
105                                         <tr>
106                                                 <td>Ashton Cox</td>
107                                                 <td>Junior Technical Author</td>
108                                                 <td>San Francisco</td>
109                                                 <td>66</td>
110                                                 <td>2009/01/12</td>
111                                                 <td>$86,000</td>
112                                         </tr>
113                                         <tr>
114                                                 <td>Cedric Kelly</td>
115                                                 <td>Senior Javascript Developer</td>
116                                                 <td>Edinburgh</td>
117                                                 <td>22</td>
118                                                 <td>2012/03/29</td>
119                                                 <td>$433,060</td>
120                                         </tr>
121                                         <tr>
122                                                 <td>Airi Satou</td>
123                                                 <td>Accountant</td>
124                                                 <td>Tokyo</td>
125                                                 <td>33</td>
126                                                 <td>2008/11/28</td>
127                                                 <td>$162,700</td>
128                                         </tr>
129                                         <tr>
130                                                 <td>Brielle Williamson</td>
131                                                 <td>Integration Specialist</td>
132                                                 <td>New York</td>
133                                                 <td>61</td>
134                                                 <td>2012/12/02</td>
135                                                 <td>$372,000</td>
136                                         </tr>
137                                         <tr>
138                                                 <td>Herrod Chandler</td>
139                                                 <td>Sales Assistant</td>
140                                                 <td>San Francisco</td>
141                                                 <td>59</td>
142                                                 <td>2012/08/06</td>
143                                                 <td>$137,500</td>
144                                         </tr>
145                                         <tr>
146                                                 <td>Rhona Davidson</td>
147                                                 <td>Integration Specialist</td>
148                                                 <td>Tokyo</td>
149                                                 <td>55</td>
150                                                 <td>2010/10/14</td>
151                                                 <td>$327,900</td>
152                                         </tr>
153                                         <tr>
154                                                 <td>Colleen Hurst</td>
155                                                 <td>Javascript Developer</td>
156                                                 <td>San Francisco</td>
157                                                 <td>39</td>
158                                                 <td>2009/09/15</td>
159                                                 <td>$205,500</td>
160                                         </tr>
161                                         <tr>
162                                                 <td>Sonya Frost</td>
163                                                 <td>Software Engineer</td>
164                                                 <td>Edinburgh</td>
165                                                 <td>23</td>
166                                                 <td>2008/12/13</td>
167                                                 <td>$103,600</td>
168                                         </tr>
169                                         <tr>
170                                                 <td>Jena Gaines</td>
171                                                 <td>Office Manager</td>
172                                                 <td>London</td>
173                                                 <td>30</td>
174                                                 <td>2008/12/19</td>
175                                                 <td>$90,560</td>
176                                         </tr>
177                                         <tr>
178                                                 <td>Quinn Flynn</td>
179                                                 <td>Support Lead</td>
180                                                 <td>Edinburgh</td>
181                                                 <td>22</td>
182                                                 <td>2013/03/03</td>
183                                                 <td>$342,000</td>
184                                         </tr>
185                                         <tr>
186                                                 <td>Charde Marshall</td>
187                                                 <td>Regional Director</td>
188                                                 <td>San Francisco</td>
189                                                 <td>36</td>
190                                                 <td>2008/10/16</td>
191                                                 <td>$470,600</td>
192                                         </tr>
193                                         <tr>
194                                                 <td>Haley Kennedy</td>
195                                                 <td>Senior Marketing Designer</td>
196                                                 <td>London</td>
197                                                 <td>43</td>
198                                                 <td>2012/12/18</td>
199                                                 <td>$313,500</td>
200                                         </tr>
201                                         <tr>
202                                                 <td>Tatyana Fitzpatrick</td>
203                                                 <td>Regional Director</td>
204                                                 <td>London</td>
205                                                 <td>19</td>
206                                                 <td>2010/03/17</td>
207                                                 <td>$385,750</td>
208                                         </tr>
209                                         <tr>
210                                                 <td>Michael Silva</td>
211                                                 <td>Marketing Designer</td>
212                                                 <td>London</td>
213                                                 <td>66</td>
214                                                 <td>2012/11/27</td>
215                                                 <td>$198,500</td>
216                                         </tr>
217                                         <tr>
218                                                 <td>Paul Byrd</td>
219                                                 <td>Chief Financial Officer (CFO)</td>
220                                                 <td>New York</td>
221                                                 <td>64</td>
222                                                 <td>2010/06/09</td>
223                                                 <td>$725,000</td>
224                                         </tr>
225                                         <tr>
226                                                 <td>Gloria Little</td>
227                                                 <td>Systems Administrator</td>
228                                                 <td>New York</td>
229                                                 <td>59</td>
230                                                 <td>2009/04/10</td>
231                                                 <td>$237,500</td>
232                                         </tr>
233                                         <tr>
234                                                 <td>Bradley Greer</td>
235                                                 <td>Software Engineer</td>
236                                                 <td>London</td>
237                                                 <td>41</td>
238                                                 <td>2012/10/13</td>
239                                                 <td>$132,000</td>
240                                         </tr>
241                                         <tr>
242                                                 <td>Dai Rios</td>
243                                                 <td>Personnel Lead</td>
244                                                 <td>Edinburgh</td>
245                                                 <td>35</td>
246                                                 <td>2012/09/26</td>
247                                                 <td>$217,500</td>
248                                         </tr>
249                                         <tr>
250                                                 <td>Jenette Caldwell</td>
251                                                 <td>Development Lead</td>
252                                                 <td>New York</td>
253                                                 <td>30</td>
254                                                 <td>2011/09/03</td>
255                                                 <td>$345,000</td>
256                                         </tr>
257                                         <tr>
258                                                 <td>Yuri Berry</td>
259                                                 <td>Chief Marketing Officer (CMO)</td>
260                                                 <td>New York</td>
261                                                 <td>40</td>
262                                                 <td>2009/06/25</td>
263                                                 <td>$675,000</td>
264                                         </tr>
265                                         <tr>
266                                                 <td>Caesar Vance</td>
267                                                 <td>Pre-Sales Support</td>
268                                                 <td>New York</td>
269                                                 <td>21</td>
270                                                 <td>2011/12/12</td>
271                                                 <td>$106,450</td>
272                                         </tr>
273                                         <tr>
274                                                 <td>Doris Wilder</td>
275                                                 <td>Sales Assistant</td>
276                                                 <td>Sidney</td>
277                                                 <td>23</td>
278                                                 <td>2010/09/20</td>
279                                                 <td>$85,600</td>
280                                         </tr>
281                                         <tr>
282                                                 <td>Angelica Ramos</td>
283                                                 <td>Chief Executive Officer (CEO)</td>
284                                                 <td>London</td>
285                                                 <td>47</td>
286                                                 <td>2009/10/09</td>
287                                                 <td>$1,200,000</td>
288                                         </tr>
289                                         <tr>
290                                                 <td>Gavin Joyce</td>
291                                                 <td>Developer</td>
292                                                 <td>Edinburgh</td>
293                                                 <td>42</td>
294                                                 <td>2010/12/22</td>
295                                                 <td>$92,575</td>
296                                         </tr>
297                                         <tr>
298                                                 <td>Jennifer Chang</td>
299                                                 <td>Regional Director</td>
300                                                 <td>Singapore</td>
301                                                 <td>28</td>
302                                                 <td>2010/11/14</td>
303                                                 <td>$357,650</td>
304                                         </tr>
305                                         <tr>
306                                                 <td>Brenden Wagner</td>
307                                                 <td>Software Engineer</td>
308                                                 <td>San Francisco</td>
309                                                 <td>28</td>
310                                                 <td>2011/06/07</td>
311                                                 <td>$206,850</td>
312                                         </tr>
313                                         <tr>
314                                                 <td>Fiona Green</td>
315                                                 <td>Chief Operating Officer (COO)</td>
316                                                 <td>San Francisco</td>
317                                                 <td>48</td>
318                                                 <td>2010/03/11</td>
319                                                 <td>$850,000</td>
320                                         </tr>
321                                         <tr>
322                                                 <td>Shou Itou</td>
323                                                 <td>Regional Marketing</td>
324                                                 <td>Tokyo</td>
325                                                 <td>20</td>
326                                                 <td>2011/08/14</td>
327                                                 <td>$163,000</td>
328                                         </tr>
329                                         <tr>
330                                                 <td>Michelle House</td>
331                                                 <td>Integration Specialist</td>
332                                                 <td>Sidney</td>
333                                                 <td>37</td>
334                                                 <td>2011/06/02</td>
335                                                 <td>$95,400</td>
336                                         </tr>
337                                         <tr>
338                                                 <td>Suki Burks</td>
339                                                 <td>Developer</td>
340                                                 <td>London</td>
341                                                 <td>53</td>
342                                                 <td>2009/10/22</td>
343                                                 <td>$114,500</td>
344                                         </tr>
345                                         <tr>
346                                                 <td>Prescott Bartlett</td>
347                                                 <td>Technical Author</td>
348                                                 <td>London</td>
349                                                 <td>27</td>
350                                                 <td>2011/05/07</td>
351                                                 <td>$145,000</td>
352                                         </tr>
353                                         <tr>
354                                                 <td>Gavin Cortez</td>
355                                                 <td>Team Leader</td>
356                                                 <td>San Francisco</td>
357                                                 <td>22</td>
358                                                 <td>2008/10/26</td>
359                                                 <td>$235,500</td>
360                                         </tr>
361                                         <tr>
362                                                 <td>Martena Mccray</td>
363                                                 <td>Post-Sales support</td>
364                                                 <td>Edinburgh</td>
365                                                 <td>46</td>
366                                                 <td>2011/03/09</td>
367                                                 <td>$324,050</td>
368                                         </tr>
369                                         <tr>
370                                                 <td>Unity Butler</td>
371                                                 <td>Marketing Designer</td>
372                                                 <td>San Francisco</td>
373                                                 <td>47</td>
374                                                 <td>2009/12/09</td>
375                                                 <td>$85,675</td>
376                                         </tr>
377                                         <tr>
378                                                 <td>Howard Hatfield</td>
379                                                 <td>Office Manager</td>
380                                                 <td>San Francisco</td>
381                                                 <td>51</td>
382                                                 <td>2008/12/16</td>
383                                                 <td>$164,500</td>
384                                         </tr>
385                                         <tr>
386                                                 <td>Hope Fuentes</td>
387                                                 <td>Secretary</td>
388                                                 <td>San Francisco</td>
389                                                 <td>41</td>
390                                                 <td>2010/02/12</td>
391                                                 <td>$109,850</td>
392                                         </tr>
393                                         <tr>
394                                                 <td>Vivian Harrell</td>
395                                                 <td>Financial Controller</td>
396                                                 <td>San Francisco</td>
397                                                 <td>62</td>
398                                                 <td>2009/02/14</td>
399                                                 <td>$452,500</td>
400                                         </tr>
401                                         <tr>
402                                                 <td>Timothy Mooney</td>
403                                                 <td>Office Manager</td>
404                                                 <td>London</td>
405                                                 <td>37</td>
406                                                 <td>2008/12/11</td>
407                                                 <td>$136,200</td>
408                                         </tr>
409                                         <tr>
410                                                 <td>Jackson Bradshaw</td>
411                                                 <td>Director</td>
412                                                 <td>New York</td>
413                                                 <td>65</td>
414                                                 <td>2008/09/26</td>
415                                                 <td>$645,750</td>
416                                         </tr>
417                                         <tr>
418                                                 <td>Olivia Liang</td>
419                                                 <td>Support Engineer</td>
420                                                 <td>Singapore</td>
421                                                 <td>64</td>
422                                                 <td>2011/02/03</td>
423                                                 <td>$234,500</td>
424                                         </tr>
425                                         <tr>
426                                                 <td>Bruno Nash</td>
427                                                 <td>Software Engineer</td>
428                                                 <td>London</td>
429                                                 <td>38</td>
430                                                 <td>2011/05/03</td>
431                                                 <td>$163,500</td>
432                                         </tr>
433                                         <tr>
434                                                 <td>Sakura Yamamoto</td>
435                                                 <td>Support Engineer</td>
436                                                 <td>Tokyo</td>
437                                                 <td>37</td>
438                                                 <td>2009/08/19</td>
439                                                 <td>$139,575</td>
440                                         </tr>
441                                         <tr>
442                                                 <td>Thor Walton</td>
443                                                 <td>Developer</td>
444                                                 <td>New York</td>
445                                                 <td>61</td>
446                                                 <td>2013/08/11</td>
447                                                 <td>$98,540</td>
448                                         </tr>
449                                         <tr>
450                                                 <td>Finn Camacho</td>
451                                                 <td>Support Engineer</td>
452                                                 <td>San Francisco</td>
453                                                 <td>47</td>
454                                                 <td>2009/07/07</td>
455                                                 <td>$87,500</td>
456                                         </tr>
457                                         <tr>
458                                                 <td>Serge Baldwin</td>
459                                                 <td>Data Coordinator</td>
460                                                 <td>Singapore</td>
461                                                 <td>64</td>
462                                                 <td>2012/04/09</td>
463                                                 <td>$138,575</td>
464                                         </tr>
465                                         <tr>
466                                                 <td>Zenaida Frank</td>
467                                                 <td>Software Engineer</td>
468                                                 <td>New York</td>
469                                                 <td>63</td>
470                                                 <td>2010/01/04</td>
471                                                 <td>$125,250</td>
472                                         </tr>
473                                         <tr>
474                                                 <td>Zorita Serrano</td>
475                                                 <td>Software Engineer</td>
476                                                 <td>San Francisco</td>
477                                                 <td>56</td>
478                                                 <td>2012/06/01</td>
479                                                 <td>$115,000</td>
480                                         </tr>
481                                         <tr>
482                                                 <td>Jennifer Acosta</td>
483                                                 <td>Junior Javascript Developer</td>
484                                                 <td>Edinburgh</td>
485                                                 <td>43</td>
486                                                 <td>2013/02/01</td>
487                                                 <td>$75,650</td>
488                                         </tr>
489                                         <tr>
490                                                 <td>Cara Stevens</td>
491                                                 <td>Sales Assistant</td>
492                                                 <td>New York</td>
493                                                 <td>46</td>
494                                                 <td>2011/12/06</td>
495                                                 <td>$145,600</td>
496                                         </tr>
497                                         <tr>
498                                                 <td>Hermione Butler</td>
499                                                 <td>Regional Director</td>
500                                                 <td>London</td>
501                                                 <td>47</td>
502                                                 <td>2011/03/21</td>
503                                                 <td>$356,250</td>
504                                         </tr>
505                                         <tr>
506                                                 <td>Lael Greer</td>
507                                                 <td>Systems Administrator</td>
508                                                 <td>London</td>
509                                                 <td>21</td>
510                                                 <td>2009/02/27</td>
511                                                 <td>$103,500</td>
512                                         </tr>
513                                         <tr>
514                                                 <td>Jonas Alexander</td>
515                                                 <td>Developer</td>
516                                                 <td>San Francisco</td>
517                                                 <td>30</td>
518                                                 <td>2010/07/14</td>
519                                                 <td>$86,500</td>
520                                         </tr>
521                                         <tr>
522                                                 <td>Shad Decker</td>
523                                                 <td>Regional Director</td>
524                                                 <td>Edinburgh</td>
525                                                 <td>51</td>
526                                                 <td>2008/11/13</td>
527                                                 <td>$183,000</td>
528                                         </tr>
529                                         <tr>
530                                                 <td>Michael Bruce</td>
531                                                 <td>Javascript Developer</td>
532                                                 <td>Singapore</td>
533                                                 <td>29</td>
534                                                 <td>2011/06/27</td>
535                                                 <td>$183,000</td>
536                                         </tr>
537                                         <tr>
538                                                 <td>Donna Snider</td>
539                                                 <td>Customer Support</td>
540                                                 <td>New York</td>
541                                                 <td>27</td>
542                                                 <td>2011/01/25</td>
543                                                 <td>$112,000</td>
544                                         </tr>
545                                 </tbody>
546                         </table>
547
548                         <ul class="tabs">
549                                 <li class="active">Javascript</li>
550                                 <li>HTML</li>
551                                 <li>CSS</li>
552                                 <li>Ajax</li>
553                                 <li>Server-side script</li>
554                         </ul>
555
556                         <div class="tabs">
557                                 <div class="js">
558                                         <p>The Javascript shown below is used to initialise the table shown in this
559                                         example:</p><code class="multiline brush: js;">$(document).ready(function() {
560         var table = $('#example').DataTable();
561
562         new $.fn.dataTable.FixedHeader( table, {
563                 left: true,
564                 zLeft: 105
565         } );
566 } );</code>
567
568                                         <p>In addition to the above code, the following Javascript library files are loaded for use in this
569                                         example:</p>
570
571                                         <ul>
572                                                 <li><a href="../../../media/js/jquery.js">../../../media/js/jquery.js</a></li>
573                                                 <li><a href=
574                                                 "../../../media/js/jquery.dataTables.js">../../../media/js/jquery.dataTables.js</a></li>
575                                                 <li><a href="../js/dataTables.fixedHeader.js">../js/dataTables.fixedHeader.js</a></li>
576                                         </ul>
577                                 </div>
578
579                                 <div class="table">
580                                         <p>The HTML shown below is the raw HTML table element, before it has been enhanced by
581                                         DataTables:</p>
582                                 </div>
583
584                                 <div class="css">
585                                         <div>
586                                                 <p>This example uses a little bit of additional CSS beyond what is loaded from the library
587                                                 files (below), in order to correctly display the table. The additional CSS used is shown
588                                                 below:</p><code class="multiline brush: js;">div.dataTables_wrapper {
589                 width: 1500px;
590         }</code>
591                                         </div>
592
593                                         <p>The following CSS library files are loaded for use in this example to provide the styling of the
594                                         table:</p>
595
596                                         <ul>
597                                                 <li><a href=
598                                                 "../../../media/css/jquery.dataTables.css">../../../media/css/jquery.dataTables.css</a></li>
599                                                 <li><a href="../css/dataTables.fixedHeader.css">../css/dataTables.fixedHeader.css</a></li>
600                                         </ul>
601                                 </div>
602
603                                 <div class="ajax">
604                                         <p>This table loads data by Ajax. The latest data that has been loaded is shown below. This data
605                                         will update automatically as any additional data is loaded.</p>
606                                 </div>
607
608                                 <div class="php">
609                                         <p>The script used to perform the server-side processing for this table is shown below. Please note
610                                         that this is just an example script using PHP. Server-side processing scripts can be written in any
611                                         language, using <a href="//datatables.net/manual/server-side">the protocol described in the
612                                         DataTables documentation</a>.</p>
613                                 </div>
614                         </div>
615                 </section>
616         </div>
617
618         <section>
619                 <div class="footer">
620                         <div class="gradient"></div>
621
622                         <div class="liner">
623                                 <h2>Other examples</h2>
624
625                                 <div class="toc">
626                                         <div class="toc-group">
627                                                 <h3><a href="./index.html">Examples</a></h3>
628                                                 <ul class="toc active">
629                                                         <li><a href="./simple.html">Basic initialisation</a></li>
630                                                         <li><a href="./header_footer.html">Header and footer fixed</a></li>
631                                                         <li><a href="./top_left_right.html">Header, left and right all fixed</a></li>
632                                                         <li><a href="./two_tables.html">Multiple tables</a></li>
633                                                         <li class="active"><a href="./zIndexes.html">z-index order control</a></li>
634                                                 </ul>
635                                         </div>
636                                 </div>
637
638                                 <div class="epilogue">
639                                         <p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full
640                                         information about its API properties and methods.<br>
641                                         Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and
642                                         <a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of
643                                         DataTables.</p>
644
645                                         <p class="copyright">DataTables designed and created by <a href=
646                                         "http://www.sprymedia.co.uk">SpryMedia Ltd</a> &#169; 2007-2014<br>
647                                         DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
648                                 </div>
649                         </div>
650                 </div>
651         </section>
652 </body>
653 </html>