public/assets/datatables-fixedcolumns-3-2-1/examples/initialisation/left_right_columns.xml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <dt-example table-type="html-wide" table-class="stripe row-border order-column" order="1">
   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: 800px;
   9                 margin: 0 auto;
  10         }
  11 </css>
  12 <js lib="jquery datatables fixedcolumns">
  13 <![CDATA[
  14 $(document).ready(function() {
  15         var table = $('#example').DataTable( {
  16                 scrollY:        "300px",
  17                 scrollX:        true,
  18                 scrollCollapse: true,
  19                 paging:         false,
  20                 fixedColumns:   {
  21                         leftColumns: 1,
  22                         rightColumns: 1
  23                 }
  24         } );
  25 } );
  26 ]]>
  27 </js>
  28
  29 <title lib="FixedColumns">Left and right fixed columns</title>
  30
  31 <info><![CDATA[
  32
  33 FixedColumns allows columns to be fixed from both the left and right hand sides of the table. Fixing right hand-side columns is done by using the `fc-init fixedColumns.rightColumns` initialisation parameter, which works just the same as `fc-init fixedColumns.leftColumns` does for the left side of the table. This example shows both the left and right columns being fixed in place.
  34
  35 ]]></info>
  36
  37 </dt-example>