Guest User

Untitled

a guest
Jan 26th, 2018
299
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.98 KB | None | 0 0
  1. <table id="example" class="display nowrap" cellspacing="0" width="100%">
  2. <thead>
  3. <tr>
  4. <th>First name</th>
  5. <th>Last name</th>
  6. <th>Position</th>
  7. <th>Office</th>
  8. <th>Age</th>
  9. <th>Start date</th>
  10. <th>Salary</th>
  11. <th>Extn.</th>
  12. <th>E-mail</th>
  13. </tr>
  14. </thead>
  15. <tbody>
  16. <tr>
  17. <td>Tiger</td>
  18. <td>Nixon</td>
  19. <td>System Architect</td>
  20. <td>Edinburgh</td>
  21. <td>61</td>
  22. <td>2011/04/25</td>
  23. <td>$320,800</td>
  24. <td>5421</td>
  25. <td>t.nixon@datatables.net</td>
  26. </tr>
  27. <tr>
  28. <td>Garrett</td>
  29. <td>Winters</td>
  30. <td>Accountant</td>
  31. <td>Tokyo</td>
  32. <td>63</td>
  33. <td>2011/07/25</td>
  34. <td>$170,750</td>
  35. <td>8422</td>
  36. <td>g.winters@datatables.net</td>
  37. </tr>
  38. <tr>
  39. <td>Ashton</td>
  40. <td>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. <td>1562</td>
  47. <td>a.cox@datatables.net</td>
  48. </tr>
  49. <tr>
  50. <td>Cedric</td>
  51. <td>Kelly</td>
  52. <td>Senior Javascript Developer</td>
  53. <td>Edinburgh</td>
  54. <td>22</td>
  55. <td>2012/03/29</td>
  56. <td>$433,060</td>
  57. <td>6224</td>
  58. <td>c.kelly@datatables.net</td>
  59. </tr>
  60. <tr>
  61. <td>Airi</td>
  62. <td>Satou</td>
  63. <td>Accountant</td>
  64. <td>Tokyo</td>
  65. <td>33</td>
  66. <td>2008/11/28</td>
  67. <td>$162,700</td>
  68. <td>5407</td>
  69. <td>a.satou@datatables.net</td>
  70. </tr>
  71. <tr>
  72. <td>Brielle</td>
  73. <td>Williamson</td>
  74. <td>Integration Specialist</td>
  75. <td>New York</td>
  76. <td>61</td>
  77. <td>2012/12/02</td>
  78. <td>$372,000</td>
  79. <td>4804</td>
  80. <td>b.williamson@datatables.net</td>
  81. </tr>
  82. </tbody>
  83. </table>
  84.  
  85. var table = $('#example').DataTable( {
  86. "scrollX": true,
  87. } );
  88.  
  89. $('#example thead th').each(function () {
  90. var title = $(this).text();
  91. $(this).html('<input type="text" placeholder="' + title + '" />');
  92. });
  93.  
  94. table.columns().every(function () {
  95. var that = this;
  96.  
  97. $('input', this.header()).on('keyup change', function () {
  98. if (that.search() !== this.value) {
  99. that
  100. .search(this.value)
  101. .draw();
  102. }
  103. });
  104. });
Add Comment
Please, Sign In to add comment