git.roojs.org Git - roojs1/blob - examples/grid/array-grid.html

   1 <html>
   2     <head>
   3         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4         <title>Array Grid Example</title>
   5
   6          <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
   7         <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
   8
   9          <script type="text/javascript" src="../../roojs-all.js"></script>
  10
  11         <script type="text/javascript" src="array-grid.js"></script>
  12         <link rel="stylesheet" type="text/css" href="grid-examples.css" />
  13
  14         <!-- Common Styles for the examples -->
  15         <link rel="stylesheet" type="text/css" href="../examples.css" />
  16     </head>
  17     <body>
  18         <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
  19         <h1>Array Grid Example</h1>
  20         <p>This example shows how to create a grid from Array data.</p>
  21         <p>Note that the js is not minified so it is readable. See
  22         <button type="button" onclick="RooDocs.viewSource.show('/array-grid.js')">array-grid.js</button>  and
  23         <button type="button" onclick="RooDocs.viewSource.show('/array-grid.html')">array-grid.html</button> .</p>
  24
  25         <div id="grid-panel" style="width:600px;height:300px;">
  26             <div id="grid-example"></div>
  27         </div>
  28     </body>
  29 </html>