public/assets/datatables-fixedcolumns-3-2-1/examples/styling/rtl.xml

   1 <?xml version="1.0" encoding="UTF-8" ?>
   2 <dt-example table-type="html-wide" table-class="stripe row-border order-column" order="11">
   3
   4 <css lib="datatables fixedcolumns">
   5         div.dataTables_wrapper {
   6                 direction: rtl;
   7         }
   8
   9         /* Ensure that the demo table scrolls */
  10         th, td { white-space: nowrap; }
  11         div.dataTables_wrapper {
  12                 width: 800px;
  13                 margin: 0 auto;
  14         }
  15 </css>
  16 <js lib="jquery datatables fixedcolumns">
  17 <![CDATA[
  18 $(document).ready(function() {
  19         $('#example').DataTable( {
  20                 scrollY:        300,
  21                 scrollX:        true,
  22                 scrollCollapse: true,
  23                 paging:         false,
  24                 fixedColumns:   true
  25         } );
  26 } );
  27 ]]>
  28 </js>
  29
  30 <title lib="FixedColumns">Right-to-left text direction</title>
  31
  32 <info><![CDATA[
  33
  34 FixedColumns supports right to left text layout, which is automatically detected by the CSS `direction` parameter that has been applied to the table. In this case, `direction: rtl` has been set for the whole table container.
  35
  36 ]]></info>
  37
  38 </dt-example>