You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

504 lines
14KB

  1. <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">
  2. <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">
  3. <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
  4. <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
  5. <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  9. <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
  10. <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script>
  11. <table id="example" class="display nowrap" style="width:100%">
  12. <thead>
  13. <tr>
  14. <th>Name</th>
  15. <th>Position</th>
  16. <th>Office</th>
  17. <th>Age</th>
  18. <th>Start date</th>
  19. <th>Salary</th>
  20. </tr>
  21. </thead>
  22. <tbody>
  23. <tr>
  24. <td>Tiger Nixon</td>
  25. <td>System Architect</td>
  26. <td>Edinburgh</td>
  27. <td>61</td>
  28. <td>2011-04-25</td>
  29. <td>$320,800</td>
  30. </tr>
  31. <tr>
  32. <td>Garrett Winters</td>
  33. <td>Accountant</td>
  34. <td>Tokyo</td>
  35. <td>63</td>
  36. <td>2011-07-25</td>
  37. <td>$170,750</td>
  38. </tr>
  39. <tr>
  40. <td>Ashton Cox</td>
  41. <td>Junior Technical Author</td>
  42. <td>San Francisco</td>
  43. <td>66</td>
  44. <td>2009-01-12</td>
  45. <td>$86,000</td>
  46. </tr>
  47. <tr>
  48. <td>Cedric Kelly</td>
  49. <td>Senior Javascript Developer</td>
  50. <td>Edinburgh</td>
  51. <td>22</td>
  52. <td>2012-03-29</td>
  53. <td>$433,060</td>
  54. </tr>
  55. <tr>
  56. <td>Airi Satou</td>
  57. <td>Accountant</td>
  58. <td>Tokyo</td>
  59. <td>33</td>
  60. <td>2008-11-28</td>
  61. <td>$162,700</td>
  62. </tr>
  63. <tr>
  64. <td>Brielle Williamson</td>
  65. <td>Integration Specialist</td>
  66. <td>New York</td>
  67. <td>61</td>
  68. <td>2012-12-02</td>
  69. <td>$372,000</td>
  70. </tr>
  71. <tr>
  72. <td>Herrod Chandler</td>
  73. <td>Sales Assistant</td>
  74. <td>San Francisco</td>
  75. <td>59</td>
  76. <td>2012-08-06</td>
  77. <td>$137,500</td>
  78. </tr>
  79. <tr>
  80. <td>Rhona Davidson</td>
  81. <td>Integration Specialist</td>
  82. <td>Tokyo</td>
  83. <td>55</td>
  84. <td>2010-10-14</td>
  85. <td>$327,900</td>
  86. </tr>
  87. <tr>
  88. <td>Colleen Hurst</td>
  89. <td>Javascript Developer</td>
  90. <td>San Francisco</td>
  91. <td>39</td>
  92. <td>2009-09-15</td>
  93. <td>$205,500</td>
  94. </tr>
  95. <tr>
  96. <td>Sonya Frost</td>
  97. <td>Software Engineer</td>
  98. <td>Edinburgh</td>
  99. <td>23</td>
  100. <td>2008-12-13</td>
  101. <td>$103,600</td>
  102. </tr>
  103. <tr>
  104. <td>Jena Gaines</td>
  105. <td>Office Manager</td>
  106. <td>London</td>
  107. <td>30</td>
  108. <td>2008-12-19</td>
  109. <td>$90,560</td>
  110. </tr>
  111. <tr>
  112. <td>Quinn Flynn</td>
  113. <td>Support Lead</td>
  114. <td>Edinburgh</td>
  115. <td>22</td>
  116. <td>2013-03-03</td>
  117. <td>$342,000</td>
  118. </tr>
  119. <tr>
  120. <td>Charde Marshall</td>
  121. <td>Regional Director</td>
  122. <td>San Francisco</td>
  123. <td>36</td>
  124. <td>2008-10-16</td>
  125. <td>$470,600</td>
  126. </tr>
  127. <tr>
  128. <td>Haley Kennedy</td>
  129. <td>Senior Marketing Designer</td>
  130. <td>London</td>
  131. <td>43</td>
  132. <td>2012-12-18</td>
  133. <td>$313,500</td>
  134. </tr>
  135. <tr>
  136. <td>Tatyana Fitzpatrick</td>
  137. <td>Regional Director</td>
  138. <td>London</td>
  139. <td>19</td>
  140. <td>2010-03-17</td>
  141. <td>$385,750</td>
  142. </tr>
  143. <tr>
  144. <td>Michael Silva</td>
  145. <td>Marketing Designer</td>
  146. <td>London</td>
  147. <td>66</td>
  148. <td>2012-11-27</td>
  149. <td>$198,500</td>
  150. </tr>
  151. <tr>
  152. <td>Paul Byrd</td>
  153. <td>Chief Financial Officer (CFO)</td>
  154. <td>New York</td>
  155. <td>64</td>
  156. <td>2010-06-09</td>
  157. <td>$725,000</td>
  158. </tr>
  159. <tr>
  160. <td>Gloria Little</td>
  161. <td>Systems Administrator</td>
  162. <td>New York</td>
  163. <td>59</td>
  164. <td>2009-04-10</td>
  165. <td>$237,500</td>
  166. </tr>
  167. <tr>
  168. <td>Bradley Greer</td>
  169. <td>Software Engineer</td>
  170. <td>London</td>
  171. <td>41</td>
  172. <td>2012-10-13</td>
  173. <td>$132,000</td>
  174. </tr>
  175. <tr>
  176. <td>Dai Rios</td>
  177. <td>Personnel Lead</td>
  178. <td>Edinburgh</td>
  179. <td>35</td>
  180. <td>2012-09-26</td>
  181. <td>$217,500</td>
  182. </tr>
  183. <tr>
  184. <td>Jenette Caldwell</td>
  185. <td>Development Lead</td>
  186. <td>New York</td>
  187. <td>30</td>
  188. <td>2011-09-03</td>
  189. <td>$345,000</td>
  190. </tr>
  191. <tr>
  192. <td>Yuri Berry</td>
  193. <td>Chief Marketing Officer (CMO)</td>
  194. <td>New York</td>
  195. <td>40</td>
  196. <td>2009-06-25</td>
  197. <td>$675,000</td>
  198. </tr>
  199. <tr>
  200. <td>Caesar Vance</td>
  201. <td>Pre-Sales Support</td>
  202. <td>New York</td>
  203. <td>21</td>
  204. <td>2011-12-12</td>
  205. <td>$106,450</td>
  206. </tr>
  207. <tr>
  208. <td>Doris Wilder</td>
  209. <td>Sales Assistant</td>
  210. <td>Sydney</td>
  211. <td>23</td>
  212. <td>2010-09-20</td>
  213. <td>$85,600</td>
  214. </tr>
  215. <tr>
  216. <td>Angelica Ramos</td>
  217. <td>Chief Executive Officer (CEO)</td>
  218. <td>London</td>
  219. <td>47</td>
  220. <td>2009-10-09</td>
  221. <td>$1,200,000</td>
  222. </tr>
  223. <tr>
  224. <td>Gavin Joyce</td>
  225. <td>Developer</td>
  226. <td>Edinburgh</td>
  227. <td>42</td>
  228. <td>2010-12-22</td>
  229. <td>$92,575</td>
  230. </tr>
  231. <tr>
  232. <td>Jennifer Chang</td>
  233. <td>Regional Director</td>
  234. <td>Singapore</td>
  235. <td>28</td>
  236. <td>2010-11-14</td>
  237. <td>$357,650</td>
  238. </tr>
  239. <tr>
  240. <td>Brenden Wagner</td>
  241. <td>Software Engineer</td>
  242. <td>San Francisco</td>
  243. <td>28</td>
  244. <td>2011-06-07</td>
  245. <td>$206,850</td>
  246. </tr>
  247. <tr>
  248. <td>Fiona Green</td>
  249. <td>Chief Operating Officer (COO)</td>
  250. <td>San Francisco</td>
  251. <td>48</td>
  252. <td>2010-03-11</td>
  253. <td>$850,000</td>
  254. </tr>
  255. <tr>
  256. <td>Shou Itou</td>
  257. <td>Regional Marketing</td>
  258. <td>Tokyo</td>
  259. <td>20</td>
  260. <td>2011-08-14</td>
  261. <td>$163,000</td>
  262. </tr>
  263. <tr>
  264. <td>Michelle House</td>
  265. <td>Integration Specialist</td>
  266. <td>Sydney</td>
  267. <td>37</td>
  268. <td>2011-06-02</td>
  269. <td>$95,400</td>
  270. </tr>
  271. <tr>
  272. <td>Suki Burks</td>
  273. <td>Developer</td>
  274. <td>London</td>
  275. <td>53</td>
  276. <td>2009-10-22</td>
  277. <td>$114,500</td>
  278. </tr>
  279. <tr>
  280. <td>Prescott Bartlett</td>
  281. <td>Technical Author</td>
  282. <td>London</td>
  283. <td>27</td>
  284. <td>2011-05-07</td>
  285. <td>$145,000</td>
  286. </tr>
  287. <tr>
  288. <td>Gavin Cortez</td>
  289. <td>Team Leader</td>
  290. <td>San Francisco</td>
  291. <td>22</td>
  292. <td>2008-10-26</td>
  293. <td>$235,500</td>
  294. </tr>
  295. <tr>
  296. <td>Martena Mccray</td>
  297. <td>Post-Sales support</td>
  298. <td>Edinburgh</td>
  299. <td>46</td>
  300. <td>2011-03-09</td>
  301. <td>$324,050</td>
  302. </tr>
  303. <tr>
  304. <td>Unity Butler</td>
  305. <td>Marketing Designer</td>
  306. <td>San Francisco</td>
  307. <td>47</td>
  308. <td>2009-12-09</td>
  309. <td>$85,675</td>
  310. </tr>
  311. <tr>
  312. <td>Howard Hatfield</td>
  313. <td>Office Manager</td>
  314. <td>San Francisco</td>
  315. <td>51</td>
  316. <td>2008-12-16</td>
  317. <td>$164,500</td>
  318. </tr>
  319. <tr>
  320. <td>Hope Fuentes</td>
  321. <td>Secretary</td>
  322. <td>San Francisco</td>
  323. <td>41</td>
  324. <td>2010-02-12</td>
  325. <td>$109,850</td>
  326. </tr>
  327. <tr>
  328. <td>Vivian Harrell</td>
  329. <td>Financial Controller</td>
  330. <td>San Francisco</td>
  331. <td>62</td>
  332. <td>2009-02-14</td>
  333. <td>$452,500</td>
  334. </tr>
  335. <tr>
  336. <td>Timothy Mooney</td>
  337. <td>Office Manager</td>
  338. <td>London</td>
  339. <td>37</td>
  340. <td>2008-12-11</td>
  341. <td>$136,200</td>
  342. </tr>
  343. <tr>
  344. <td>Jackson Bradshaw</td>
  345. <td>Director</td>
  346. <td>New York</td>
  347. <td>65</td>
  348. <td>2008-09-26</td>
  349. <td>$645,750</td>
  350. </tr>
  351. <tr>
  352. <td>Olivia Liang</td>
  353. <td>Support Engineer</td>
  354. <td>Singapore</td>
  355. <td>64</td>
  356. <td>2011-02-03</td>
  357. <td>$234,500</td>
  358. </tr>
  359. <tr>
  360. <td>Bruno Nash</td>
  361. <td>Software Engineer</td>
  362. <td>London</td>
  363. <td>38</td>
  364. <td>2011-05-03</td>
  365. <td>$163,500</td>
  366. </tr>
  367. <tr>
  368. <td>Sakura Yamamoto</td>
  369. <td>Support Engineer</td>
  370. <td>Tokyo</td>
  371. <td>37</td>
  372. <td>2009-08-19</td>
  373. <td>$139,575</td>
  374. </tr>
  375. <tr>
  376. <td>Thor Walton</td>
  377. <td>Developer</td>
  378. <td>New York</td>
  379. <td>61</td>
  380. <td>2013-08-11</td>
  381. <td>$98,540</td>
  382. </tr>
  383. <tr>
  384. <td>Finn Camacho</td>
  385. <td>Support Engineer</td>
  386. <td>San Francisco</td>
  387. <td>47</td>
  388. <td>2009-07-07</td>
  389. <td>$87,500</td>
  390. </tr>
  391. <tr>
  392. <td>Serge Baldwin</td>
  393. <td>Data Coordinator</td>
  394. <td>Singapore</td>
  395. <td>64</td>
  396. <td>2012-04-09</td>
  397. <td>$138,575</td>
  398. </tr>
  399. <tr>
  400. <td>Zenaida Frank</td>
  401. <td>Software Engineer</td>
  402. <td>New York</td>
  403. <td>63</td>
  404. <td>2010-01-04</td>
  405. <td>$125,250</td>
  406. </tr>
  407. <tr>
  408. <td>Zorita Serrano</td>
  409. <td>Software Engineer</td>
  410. <td>San Francisco</td>
  411. <td>56</td>
  412. <td>2012-06-01</td>
  413. <td>$115,000</td>
  414. </tr>
  415. <tr>
  416. <td>Jennifer Acosta</td>
  417. <td>Junior Javascript Developer</td>
  418. <td>Edinburgh</td>
  419. <td>43</td>
  420. <td>2013-02-01</td>
  421. <td>$75,650</td>
  422. </tr>
  423. <tr>
  424. <td>Cara Stevens</td>
  425. <td>Sales Assistant</td>
  426. <td>New York</td>
  427. <td>46</td>
  428. <td>2011-12-06</td>
  429. <td>$145,600</td>
  430. </tr>
  431. <tr>
  432. <td>Hermione Butler</td>
  433. <td>Regional Director</td>
  434. <td>London</td>
  435. <td>47</td>
  436. <td>2011-03-21</td>
  437. <td>$356,250</td>
  438. </tr>
  439. <tr>
  440. <td>Lael Greer</td>
  441. <td>Systems Administrator</td>
  442. <td>London</td>
  443. <td>21</td>
  444. <td>2009-02-27</td>
  445. <td>$103,500</td>
  446. </tr>
  447. <tr>
  448. <td>Jonas Alexander</td>
  449. <td>Developer</td>
  450. <td>San Francisco</td>
  451. <td>30</td>
  452. <td>2010-07-14</td>
  453. <td>$86,500</td>
  454. </tr>
  455. <tr>
  456. <td>Shad Decker</td>
  457. <td>Regional Director</td>
  458. <td>Edinburgh</td>
  459. <td>51</td>
  460. <td>2008-11-13</td>
  461. <td>$183,000</td>
  462. </tr>
  463. <tr>
  464. <td>Michael Bruce</td>
  465. <td>Javascript Developer</td>
  466. <td>Singapore</td>
  467. <td>29</td>
  468. <td>2011-06-27</td>
  469. <td>$183,000</td>
  470. </tr>
  471. <tr>
  472. <td>Donna Snider</td>
  473. <td>Customer Support</td>
  474. <td>New York</td>
  475. <td>27</td>
  476. <td>2011-01-25</td>
  477. <td>$112,000</td>
  478. </tr>
  479. </tbody>
  480. <tfoot>
  481. <tr>
  482. <th>Name</th>
  483. <th>Position</th>
  484. <th>Office</th>
  485. <th>Age</th>
  486. <th>Start date</th>
  487. <th>Salary</th>
  488. </tr>
  489. </tfoot>
  490. </table>
  491. <script>
  492. $(document).ready(function() {
  493. $('#example').DataTable({
  494. dom: 'Bfrtip',
  495. buttons: [
  496. 'copy', 'csv', 'excel', 'pdf', 'print'
  497. ]
  498. });
  499. });
  500. </script>