File: demos/startbootstrap-sb-admin-2/bower_components/datatables-responsive/examples/display-control/auto.xml

Recommend this page to a friend!
  Classes of Emmanuel Podvin   Blapy   demos/startbootstrap-sb-admin-2/bower_components/datatables-responsive/examples/display-control/auto.xml   Download  
File: demos/startbootstrap-sb-admin-2/bower_components/datatables-responsive/examples/display-control/auto.xml
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Blapy
jQuery plugin to load linked pages using AJAX
Author: By
Last change: Update of demos/startbootstrap-sb-admin-2/bower_components/datatables-responsive/examples/display-control/auto.xml
Date: 2 years ago
Size: 996 bytes


Class file image Download
<?xml version="1.0" encoding="UTF-8" ?> <dt-example table-type="html-wide" table-class="display responsive nowrap" order="1"> <css lib="datatables responsive" /> <js lib="jquery datatables responsive"> <![CDATA[ $(document).ready(function() { $('#example').DataTable(); } ); ]]> </js> <title lib="Responsive">Automatic column hiding</title> <info><![CDATA[ Responsive will automatically detect which columns have breakpoint class names assigned to them for visibility control. If no breakpoint class is found for a column, Responsive will determine automatically if the column should be shown or not at any particular viewport width. This is done by removing columns which cause the table to overflow the viewport, with the columns being removed from the right. This example shows that simple case. On a desktop browser resize the window horizontally to see columns added and removed on-the-fly. On a tablet or mobile browser, change the screen's orientation. ]]></info> </dt-example>