Adam / webapp_admin

Blame view

static/plugins/datatables/extensions/KeyTable/examples/index.html 2.67 KB
edit raw normal view history
831eac332   zhuzhenchao   add file 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
  <!DOCTYPE html>
  <html>
  <head>
  	<meta charset="utf-8">
  	<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
  	<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">
  	<link rel="stylesheet" type="text/css" href="../../../examples/resources/syntax/shCore.css">
  	<link rel="stylesheet" type="text/css" href="../../../examples/resources/demo.css">
  	<script type="text/javascript" language="javascript" src="../../../media/js/jquery.js"></script>
  	<script type="text/javascript" language="javascript" src="../../../examples/resources/syntax/shCore.js"></script>
  	<script type="text/javascript" language="javascript" src="../../../examples/resources/demo.js"></script>
  
  	<title>KeyTable examples - KeyTable examples</title>
  </head>
  
  <body class="dt-example">
  	<div class="container">
  		<section>
  			<h1>KeyTable example <span>KeyTable examples</span></h1>
  
  			<div class="info">
  				<p>KeyTable provides enhanced accessibility and navigation options for DataTables enhanced tables, by
  				allowing Excel like cell navigation on any table. Events (focus, blur, action etc) can be assigned to
  				individual cells, columns, rows or all cells to allow advanced interaction options.. Key features
  				include:</p>
  
  				<ul class="markdown">
  					<li>Easy to use spreadsheet like interaction</li>
  					<li>Fully integrated with DataTables</li>
  					<li>Wide range of supported events</li>
  					<li>Works without DataTables if you just want a plain table</li>
  				</ul>
  			</div>
  		</section>
  	</div>
  
  	<section>
  		<div class="footer">
  			<div class="gradient"></div>
  
  			<div class="liner">
  				<div class="toc">
  					<div class="toc-group">
  						<h3><a href="./index.html">Examples</a></h3>
  						<ul class="toc">
  							<li><a href="./simple.html">Basic initialisation</a></li>
  							<li><a href="./events.html">Events</a></li>
  							<li><a href="./scrolling.html">Scrolling table</a></li>
  							<li><a href="./html.html">Plain HTML table</a></li>
  						</ul>
  					</div>
  				</div>
  
  				<div class="epilogue">
  					<p>Please refer to the <a href="http://www.datatables.net">DataTables documentation</a> for full
  					information about its API properties and methods.<br>
  					Additionally, there are a wide range of <a href="http://www.datatables.net/extras">extras</a> and
  					<a href="http://www.datatables.net/plug-ins">plug-ins</a> which extend the capabilities of
  					DataTables.</p>
  
  					<p class="copyright">DataTables designed and created by <a href=
  					"http://www.sprymedia.co.uk">SpryMedia Ltd</a> &#169; 2007-2014<br>
  					DataTables is licensed under the <a href="http://www.datatables.net/mit">MIT license</a>.</p>
  				</div>
  			</div>
  		</div>
  	</section>
  </body>
  </html>