Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(document).ready(function() {
- $('#example').dataTable( {
- "bProcessing": true,
- "bServerSide": true,
- "sAjaxSource": "../examples_support/server_processing.php"
- } );
- } );
- $('.testDataTable').each(function() {
- var dataSource = $(this).attr("data-ajaxsource");
- "bProcessing": true,
- "bServerSide": true,
- "sAjaxSource": dataSource
- });
- });
- <div id="testDataTable" data-ajaxsource="http://myserver.com/json"></div>
- $('.testDataTable').each(function() {
- "bProcessing": true,
- "bServerSide": true,
- "sAjaxSource": $(this).children('childElement').html()
- });
- });
- <table id="table1" class="display"> </table>
- <table id="table2" class="display"> </table>
- <table id="table3" class="display"> </table>
- $(document).ready(function() {
- $('table.display').dataTable();
- } );
- "fnServerData": fnDataTablesPipeline
- <div class="col-md-12">
- <!-- Custom Tabs -->
- <div class="nav-tabs-custom">
- <ul class="nav nav-tabs">
- <li class="active"><a href="#tab_1" data-toggle="tab" aria-expanded="true">Web Design and Development</a></li>
- <li class=""><a href="#tab_2" data-toggle="tab" aria-expanded="false">Domain Registration</a></li>
- <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">Cloud Computing Services</a></li>
- <li class=""><a href="#tab_4" data-toggle="tab" aria-expanded="false">Android application Development</a></li>
- <li class=""><a href="#tab_5" data-toggle="tab" aria-expanded="false">Web Hosting</a></li>
- <li class=""><a href="#tab_6" data-toggle="tab" aria-expanded="false">SEO and Online Marketing</a></li>
- <li class="pull-right"><a href="#" class="text-muted"><i class="fa fa-gear"></i></a></li>
- </ul>
- <div class="tab-content">
- <div class="tab-pane active" id="tab_1">
- <b>Web Deign and development hires:</b>
- <table class="table" id="webdesignTable">
- <thead>
- <tr>
- <th>S.no</th>
- <th>Order By</th>
- <th>Phone</th>
- <th>Email</th>
- <th>Message</th>
- <th>Date</th>
- <th>Status</th>
- <th>Options</th>
- </tr>
- </thead>
- </table>
- </div>
- <!-- /.tab-pane -->
- <div class="tab-pane" id="tab_2">
- <b>Domain Registration</b>
- <table class="table" id="domainregistrationTable">
- <thead>
- <tr>
- <th>S.no</th>
- <th>Order By</th>
- <th>Phone</th>
- <th>Email</th>
- <th>Message</th>
- <th>Date</th>
- <th>Status</th>
- <th>Options</th>
- </tr>
- </thead>
- </table>
- </div>
- <!-- /.tab-pane -->
- <div class="tab-pane" id="tab_3">
- <b>Cloud Computing</b>
- <table class="table" id="cloudcomputingTable">
- <thead>
- <tr>
- <th>S.no</th>
- <th>Order By</th>
- <th>Phone</th>
- <th>Email</th>
- <th>Message</th>
- <th>Date</th>
- <th>Status</th>
- <th>Options</th>
- </tr>
- </thead>
- </table>
- </div>
- <!-- /.tab-pane -->
- <!-- /.tab-pane -->
- <div class="tab-pane" id="tab_4">
- <b>Android application Development</b>
- <table class="table" id="androidappTable">
- <thead>
- <tr>
- <th>S.no</th>
- <th>Order By</th>
- <th>Phone</th>
- <th>Email</th>
- <th>Message</th>
- <th>Date</th>
- <th>Status</th>
- <th>Options</th>
- </tr>
- </thead>
- </table>
- </div>
- <!-- /.tab-pane -->
- <!-- /.tab-pane -->
- <div class="tab-pane" id="tab_5">
- <b>Web Hosting</b>
- <table class="table" id="webhostingTable">
- <thead>
- <tr>
- <th>S.no</th>
- <th>Order By</th>
- <th>Phone</th>
- <th>Email</th>
- <th>Message</th>
- <th>Date</th>
- <th>Status</th>
- <th>Options</th>
- </tr>
- </thead>
- </table>
- </div>
- <!-- /.tab-pane -->
- <!-- /.tab-pane -->
- <div class="tab-pane" id="tab_6">
- <b>SEO and Online Marketing</b>
- <table class="table" id="seoTable">
- <thead>
- <tr>
- <th>S.no</th>
- <th>Order By</th>
- <th>Phone</th>
- <th>Email</th>
- <th>Message</th>
- <th>Date</th>
- <th>Status</th>
- <th>Options</th>
- </tr>
- </thead>
- </table>
- </div>
- <!-- /.tab-pane -->
- </div>
- <!-- /.tab-content -->
- </div>
- <!-- nav-tabs-custom -->
- </div>
- // global the manage tables
- var manageMemberTable;
- //var tbl1 = $('#webdesignTable').DataTable( );
- $(document).ready(function() {
- $('table.display').dataTable(); //focus here
- manageMemberTable = $("#webdesignTable").DataTable({
- "ajax": "webdesign_action/retrieve.php", //get data for your tables
- "order": []
- });
- domainregistrationTable = $("#domainregistrationTable").DataTable({
- "ajax": "domainregistration_action/retrieve.php", //get data for your tables
- "order": []
- });
- //It continues
- <table class="mytable">
- <table class="mytable">
- ...
- ...
- ...
- $('.mytable').DataTable({
- order: [[0, "desc"]],
- language: {
- "lengthMenu": "نمایش _MENU_ ردیف در هر صفحه",
- "zeroRecords": "متاسفیم هیچ کاربری مطابق با اطلاعات درخواست شده یافت نشد",
- "info": "نمایش برگه _PAGE_ از _PAGES_ از _TOTAL_ کاربر",
- "infoEmpty": "هیچ اطلاعاتی یافت نشد",
- "infoFiltered": "(فیلتر شده از _MAX_ کاربر)",
- "search": "جستجو:",
- "paginate": {
- "first": "نخست",
- "last": "آخرین",
- "next": "بعدی",
- "previous": "قبلی"
- },
- },
- })
Add Comment
Please, Sign In to add comment