USTREAM Asia

1. Include FooTable Core CSS

   <link href="path_to_your_css/footable.core.css" rel="stylesheet" type="text/css" />

2. [optional] Include FooTable Theme CSS

   But you can also use one of our built-in themes if you want:

   <link href="path_to_your_css/themes/footable.standalone.css" rel="stylesheet" type="text/css" />

3. Include jQuery

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

4. Include FooTable jQuery Plugin

   <script src="path_to_your_js/footable.js" type="text/javascript"></script>

5. Initialize FooTable!

   <script type="text/javascript">
   	$(function () {
   		$('.footable').footable();
   	});
   </script>

Breakpoints

breakpoints: {
	phone: 480,
	tablet: 1024
}

To change the breakpoints simply pass in a breakpoints option when initializing FooTable:

$('.footable').footable({
    breakpoints: {
        tiny: 100,
        medium: 555,
        big: 2048
    }
});

Column Setup (using data attributes)

<table class="footable table">
	<thead>
		<tr>
			<th>Name</th>
			<th data-hide="phone">Job Title</th>
			<th data-hide="phone,tablet">Status</th>
			<th data-hide="all">Description</th>
		</tr>
	</thead>