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