Quantcast
Viewing all articles
Browse latest Browse all 82150

FixedColumns

Having troubles getting the example for this to work.
http://datatables.net/release-datatables/extras/FixedColumns/index.html

using FF v19.0.2
have the following html (more than 6 cols obv)

<html>
<head>
		<title>Test</title>
		<style type="text/css" title="currentStyle">
					@import "media/css/demo_page.css"; 			
					@import "media/css/demo_table.css";
					@import "media/css/style.css";
        </style>
		<script type="text/javascript" src="media/js/jquery.js"></script>
		<script type="text/javascript" src="media/js/jquery.dataTables.js"></script>
		<script type="text/javascript" src="extras/FixedColumns/media/js/FixedColumns.js"></script>
		<script type="text/javascript" charset="utf-8">
			 $(document).ready(function() {
			    var oTable = $('#example').dataTable( {						  
					      "sScrollX": 200,        
						  "bProcessing": true,
						  "sAjaxSource": 'newjson.txt'						   					      
				} 
				);
				new FixedColumns( oTable );				
	        } ); 
		</script>  
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1" class="display" id="example" width="100%">
<thead>
	<tr>
		<th>Col 1</th>
		<th>Col 2</th>
		<th>Col 3</th>
		<th>Col 4</th>
		<th>Col 5</th>
		<th>Col 6</th>
	</tr>
</thead>	
<tbody>
</tbody>
</table>

</body>

Am I missing something? It's not fixing the first column in this scenario. Nor is the example one on your website if you hit the jsbin option on the page.

Viewing all articles
Browse latest Browse all 82150

Trending Articles