Guest User

Untitled

a guest
Dec 13th, 2018
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.24 KB | None | 0 0
  1. $(document).ready(function() {
  2. $('#example').dataTable( {
  3. "bProcessing": true,
  4. "bServerSide": true,
  5. "sAjaxSource": "../examples_support/server_processing.php"
  6. } );
  7. } );
  8.  
  9. $('.testDataTable').each(function() {
  10. var dataSource = $(this).attr("data-ajaxsource");
  11. "bProcessing": true,
  12. "bServerSide": true,
  13. "sAjaxSource": dataSource
  14. });
  15. });
  16.  
  17. <div id="testDataTable" data-ajaxsource="http://myserver.com/json"></div>
  18.  
  19. $('.testDataTable').each(function() {
  20. "bProcessing": true,
  21. "bServerSide": true,
  22. "sAjaxSource": $(this).children('childElement').html()
  23. });
  24. });
  25.  
  26. <table id="table1" class="display"> </table>
  27. <table id="table2" class="display"> </table>
  28. <table id="table3" class="display"> </table>
  29.  
  30. $(document).ready(function() {
  31. $('table.display').dataTable();
  32. } );
  33.  
  34. "fnServerData": fnDataTablesPipeline
  35.  
  36. <div class="col-md-12">
  37. <!-- Custom Tabs -->
  38. <div class="nav-tabs-custom">
  39. <ul class="nav nav-tabs">
  40. <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">Web Design and Development</a></li>
  41. <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">Domain Registration</a></li>
  42. <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">Cloud Computing Services</a></li>
  43. <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false">Android application Development</a></li>
  44. <li class=""><a href="#tab_5" data-toggle="tab" aria-expanded="false">Web Hosting</a></li>
  45. <li class=""><a href="#tab_6" data-toggle="tab" aria-expanded="false">SEO and Online Marketing</a></li>
  46. <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
  47. </ul>
  48. <div class="tab-content">
  49. <div class="tab-pane active" id="tab_1">
  50. <b>Web Deign and development hires:</b>
  51.  
  52.  
  53.  
  54.  
  55. <table class="table" id="webdesignTable">
  56. <thead>
  57. <tr>
  58. <th>S.no</th>
  59. <th>Order By</th>
  60. <th>Phone</th>
  61. <th>Email</th>
  62. <th>Message</th>
  63. <th>Date</th>
  64. <th>Status</th>
  65. <th>Options</th>
  66. </tr>
  67. </thead>
  68. </table>
  69.  
  70.  
  71.  
  72. </div>
  73. <!-- /.tab-pane -->
  74. <div class="tab-pane" id="tab_2">
  75. <b>Domain Registration</b>
  76.  
  77.  
  78. <table class="table" id="domainregistrationTable">
  79. <thead>
  80. <tr>
  81. <th>S.no</th>
  82. <th>Order By</th>
  83. <th>Phone</th>
  84. <th>Email</th>
  85. <th>Message</th>
  86. <th>Date</th>
  87. <th>Status</th>
  88. <th>Options</th>
  89. </tr>
  90. </thead>
  91. </table>
  92.  
  93.  
  94.  
  95. </div>
  96. <!-- /.tab-pane -->
  97. <div class="tab-pane" id="tab_3">
  98. <b>Cloud Computing</b>
  99.  
  100.  
  101. <table class="table" id="cloudcomputingTable">
  102. <thead>
  103. <tr>
  104. <th>S.no</th>
  105. <th>Order By</th>
  106. <th>Phone</th>
  107. <th>Email</th>
  108. <th>Message</th>
  109. <th>Date</th>
  110. <th>Status</th>
  111. <th>Options</th>
  112. </tr>
  113. </thead>
  114. </table>
  115. </div>
  116. <!-- /.tab-pane -->
  117.  
  118. <!-- /.tab-pane -->
  119. <div class="tab-pane" id="tab_4">
  120. <b>Android application Development</b>
  121.  
  122.  
  123. <table class="table" id="androidappTable">
  124. <thead>
  125. <tr>
  126. <th>S.no</th>
  127. <th>Order By</th>
  128. <th>Phone</th>
  129. <th>Email</th>
  130. <th>Message</th>
  131. <th>Date</th>
  132. <th>Status</th>
  133. <th>Options</th>
  134. </tr>
  135. </thead>
  136. </table>
  137. </div>
  138. <!-- /.tab-pane -->
  139.  
  140. <!-- /.tab-pane -->
  141. <div class="tab-pane" id="tab_5">
  142. <b>Web Hosting</b>
  143.  
  144.  
  145. <table class="table" id="webhostingTable">
  146. <thead>
  147. <tr>
  148. <th>S.no</th>
  149. <th>Order By</th>
  150. <th>Phone</th>
  151. <th>Email</th>
  152. <th>Message</th>
  153. <th>Date</th>
  154. <th>Status</th>
  155. <th>Options</th>
  156. </tr>
  157. </thead>
  158. </table>
  159. </div>
  160. <!-- /.tab-pane -->
  161.  
  162. <!-- /.tab-pane -->
  163. <div class="tab-pane" id="tab_6">
  164. <b>SEO and Online Marketing</b>
  165.  
  166.  
  167. <table class="table" id="seoTable">
  168. <thead>
  169. <tr>
  170. <th>S.no</th>
  171. <th>Order By</th>
  172. <th>Phone</th>
  173. <th>Email</th>
  174. <th>Message</th>
  175. <th>Date</th>
  176. <th>Status</th>
  177. <th>Options</th>
  178. </tr>
  179. </thead>
  180. </table>
  181. </div>
  182. <!-- /.tab-pane -->
  183. </div>
  184. <!-- /.tab-content -->
  185. </div>
  186. <!-- nav-tabs-custom -->
  187. </div>
  188.  
  189. // global the manage tables
  190. var manageMemberTable;
  191. //var tbl1 = $('#webdesignTable').DataTable( );
  192.  
  193. $(document).ready(function() {
  194.  
  195. $('table.display').dataTable(); //focus here
  196.  
  197. manageMemberTable = $("#webdesignTable").DataTable({
  198. "ajax": "webdesign_action/retrieve.php", //get data for your tables
  199. "order": []
  200. });
  201.  
  202. domainregistrationTable = $("#domainregistrationTable").DataTable({
  203. "ajax": "domainregistration_action/retrieve.php", //get data for your tables
  204. "order": []
  205. });
  206. //It continues
  207.  
  208. <table class="mytable">
  209. <table class="mytable">
  210. ...
  211. ...
  212. ...
  213.  
  214. $('.mytable').DataTable({
  215. order: [[0, "desc"]],
  216. language: {
  217. "lengthMenu": "نمایش _MENU_ ردیف در هر صفحه",
  218. "zeroRecords": "متاسفیم هیچ کاربری مطابق با اطلاعات درخواست شده یافت نشد",
  219. "info": "نمایش برگه _PAGE_ از _PAGES_ از _TOTAL_ کاربر",
  220. "infoEmpty": "هیچ اطلاعاتی یافت نشد",
  221. "infoFiltered": "(فیلتر شده از _MAX_ کاربر)",
  222. "search": "جستجو:",
  223. "paginate": {
  224. "first": "نخست",
  225. "last": "آخرین",
  226. "next": "بعدی",
  227. "previous": "قبلی"
  228. },
  229. },
  230. })
Add Comment
Please, Sign In to add comment