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

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <dt-example table-type="html-wide" table-class="stripe row-border order-column" order="3">
   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: 0,
  22                         rightColumns: 1
  23                 }
  24         } );
  25 } );
  26 ]]>
  27 </js>
  28
  29 <title lib="FixedColumns">Right column only</title>
  30
  31 <info><![CDATA[
  32
  33 FixedColumns has the ability to freeze columns on both the left and right hand sides of the table. By default it will fix the first column on the left, but using the initialisation parameters `fc-init fixedColumns.leftColumns` and `fc-init fixedColumns.rightColumns` you can alter this to fix the columns on the right as well. This example shows a single column fixed in place, in this case the right most column.
  34
  35 ]]></info>
  36
  37 </dt-example>