public/assets/datatables-fixedcolumns-3-2-1/examples/initialisation/two_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="2">
   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: 2
  22                 }
  23         } );
  24 } );
  25 ]]>
  26 </js>
  27
  28 <title lib="FixedColumns">Multiple fixed columns</title>
  29
  30 <info><![CDATA[
  31
  32 FixedColumns allows more than one column to be frozen into place using the `fc-init fixedColumns.leftColumns` parameter. The example below shows two columns fixed.
  33
  34 ]]></info>
  35
  36 </dt-example>