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