Skip to content
Snippets Groups Projects
Select Git revision
  • 8ee4f92893e5587968c0a69e08af1a87a21a668d
  • master default protected
  • devel
  • hruska-feature-clients-api
  • malostik-#5066-deduplicate-idea-ids
  • warden-postgresql-port
  • hruska-feature-#6799-filter-keys
  • hruska-feature-5066-duplicateIdeaID
  • warden-client-3.0-beta3
  • warden-server-3.0-beta3
  • warden-client-2.2-final
  • warden-server-2.2-final
  • warden-client-3.0-beta2
  • warden-server-3.0-beta2
  • warden-client-2.2
  • warden-server-2.2-patch3
  • warden-client-3.0-beta1
  • warden-server-3.0-beta1
  • warden-server-2.2-patch1
  • warden-client-3.0-beta0
  • warden-server-3.0-beta0
  • warden-server-2.2
  • warden-server-2.1-patch1
  • warden-client-2.1
  • warden-server-2.1
  • warden-server-2.1-beta6
  • warden-server-2.1-beta5
  • warden-server-2.1-beta4
28 results

defaults.html

Blame
  • defaults.html 19.50 KiB
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    	<head>
    		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    		<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />
    		
    		<title>DataTables example</title>
    		<style type="text/css" title="currentStyle">
    			@import "../../media/css/demo_page.css";
    			@import "../../media/css/demo_table.css";
    		</style>
    		<script type="text/javascript" language="javascript" src="../../media/js/jquery.js"></script>
    		<script type="text/javascript" language="javascript" src="../../media/js/jquery.dataTables.js"></script>
    		<script type="text/javascript" charset="utf-8">
    			$(document).ready(function() {
    				$.extend( $.fn.dataTable.defaults, {
    					"bFilter": false,
    					"bSort": false
    				} );
    
    				$('#example').dataTable();
    			} );
    		</script>
    	</head>
    	<body id="dt_example">
    		<div id="container">
    			<div class="full_width big">
    				DataTables - setting defaults example
    			</div>
    			
    			<h1>Preamble</h1>
    			<p>When working with DataTables over multiple pages it is often useful to set the initialisation defaults to common values (for example you might want to set <i>sDom</i> to a common value so all tables get the same layout). This can be done using the <i>$.fn.dataTable.defaults</i> object. This object will take all the same parameters as the DataTables initialisation object, but in this case you are setting the default for all future initialisations of DataTables.</p>
    
    			<p>This example shows the filtering and sorting features of DataTables being disabled by default, which is reflected in the table when it is initialised, as can be seen below.</p>
    			
    			<h1>Live example</h1>
    			<div id="demo">
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
    	<thead>
    		<tr>
    			<th>Rendering engine</th>
    			<th>Browser</th>
    			<th>Platform(s)</th>
    			<th>Engine version</th>
    			<th>CSS grade</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr class="odd gradeX">
    			<td>Trident</td>
    			<td>Internet
    				 Explorer 4.0</td>
    			<td>Win 95+</td>
    			<td class="center"> 4</td>
    			<td class="center">X</td>
    		</tr>
    		<tr class="even gradeC">
    			<td>Trident</td>
    			<td>Internet
    				 Explorer 5.0</td>
    			<td>Win 95+</td>
    			<td class="center">5</td>
    			<td class="center">C</td>
    		</tr>
    		<tr class="odd gradeA">
    			<td>Trident</td>
    			<td>Internet
    				 Explorer 5.5</td>
    			<td>Win 95+</td>
    			<td class="center">5.5</td>