public/assets/datatables-fixedcolumns-3-2-1/examples/initialisation/server-side-processing.xml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <dt-example table-type="ajax" table-class="stripe row-border order-column" order="6">
   3
   4 <css lib="datatables fixedcolumns">
   5         /* Ensure that the demo table scrolls */
   6         th, td { white-space: nowrap; }
   7         div.dataTables_wrapper {
   8                 width: 600px;
   9                 margin: 0 auto;
  10         }
  11
  12         /* Lots of padding for the cells as SSP has limited data in the demo */
  13         th,
  14         td {
  15                 padding-left: 40px !important;
  16                 padding-right: 40px !important;
  17         }
  18 </css>
  19 <js lib="jquery datatables fixedcolumns">
  20 <![CDATA[
  21 $(document).ready(function() {
  22         var table = $('#example').DataTable( {
  23                 scrollY:        "300px",
  24                 scrollX:        true,
  25                 scrollCollapse: true,
  26                 ajax:           "../../../../examples/server_side/scripts/server_processing.php",
  27                 serverSide:     true,
  28                 fixedColumns:   true
  29         } );
  30 } );
  31 ]]>
  32 </js>
  33
  34 <title lib="FixedColumns">Server-side processing</title>
  35
  36 <info><![CDATA[
  37
  38 This example shows how FixedColumns can be used with server-side processing in DataTables to cope with very large tables. No special considerations are required, just initialise FixedColumns as you normally would!
  39
  40 Note that the table width is constrained in this example to allow scrolling to occur as the server-side processing data set has a limited number of columns in this demo!
  41
  42 ]]></info>
  43
  44 </dt-example>