60 lines
1.9 KiB
HTML
60 lines
1.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>FixedHeaderTable Demo</title>
|
|
<link href="../css/defaultTheme.css" rel="stylesheet" media="screen" />
|
|
<link href="css/960.css" rel="stylesheet" media="screen" />
|
|
<link href="css/demo.css" rel="stylesheet" media="screen" />
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
|
|
<script src="../jquery.fixedheadertable.js"></script>
|
|
<script src="js/demo.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="styles">
|
|
|
|
</div>
|
|
<div class="container_16 table_options">
|
|
<div class="grid_3 prefix_1 alpha">
|
|
<h2>Table Properties</h2>
|
|
<fieldset>
|
|
<label for="rows">rows</label>
|
|
<input id="rows" type="text" value="" />
|
|
</fieldset>
|
|
<fieldset>
|
|
<label for="columns">columns</label>
|
|
<input id="columns" type="text" value="" />
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="grid_4">
|
|
<h2>Table Appearance</h2>
|
|
<fieldset>
|
|
<label for="borderWidth">border-width</label>
|
|
<input id="borderWidth" type="text" value="" placeholder="ex. 1px" />
|
|
</fieldset>
|
|
<fieldset>
|
|
<label for="borderColor">border-color</label>
|
|
<input id="borderColor" type="text" value="" placeholder="ex. #353535" />
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="grid_3">
|
|
<h2> </h2>
|
|
<fieldset>
|
|
<label for="padding">padding</label>
|
|
<input id="padding" type="text" value="" placeholder="ex. 5" />
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div class="grid_2 prefix_2 omega">
|
|
<a id="buildTable" class="button" href="#">Build Table</a>
|
|
<a id="runPlugin" class="button" href="#">Run Plugin</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container_12">
|
|
<div id="tablePlaceholder" class="grid_12 alpha omega"></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |