<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
<!-- ENDLIBS -->\r
\r
-<script type="text/javascript" src="../../ext-all.js"></script>\r
-<script type="text/javascript" src="from-markup.js"></script>\r
-<link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-<style type="text/css">\r
-#the-table { border:1px solid #bbb;border-collapse:collapse; }\r
-#the-table td,#the-table th { border:1px solid #ccc;border-collapse:collapse;padding:5px; }\r
-</style>\r
+ <script type="text/javascript" src="../../ext-all.js"></script>\r
+ \r
+ <script type="text/javascript" src="../ux/TableGrid.js"></script>\r
+ <script type="text/javascript" src="from-markup.js"></script>\r
+ <link rel="stylesheet" type="text/css" href="grid-examples.css" />\r
+ <!-- Common Styles for the examples -->\r
+ <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
+ <style type="text/css">\r
+ #the-table { border:1px solid #bbb;border-collapse:collapse; }\r
+ #the-table td,#the-table th { border:1px solid #ccc;border-collapse:collapse;padding:5px; }\r
+ </style>\r
</head>\r
<body>\r
<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
<thead>\r
<tr style="background:#eeeeee;">\r
<th>Name</th>\r
- <th>Age</th>\r
+ <th style="width: 40px;">Age</th>\r
<th>Sex</th>\r
</tr>\r
</thead>\r