Mega Code Archive

 
Categories / JavaScript DHTML / GUI Components
 

Grid (Table) with row header and tooltips

<html> <head>   <title>ActiveWidgets Grid :: Examples</title>   <style> body, html {margin:0px; padding: 0px; overflow: hidden; font:menu} </style>   <!-- ActiveWidgets stylesheet and scripts -->   <link href="gridRuntime/styles/classic/grid.css" rel="stylesheet" type="text/css" ></link>   <script src="gridRuntime/lib/grid.js"></script> </head> <body>   <script>   //  create ActiveWidgets Grid javascript object   var obj = new Active.Controls.Grid;   //  set data   obj.setRowProperty("count", 5);   obj.setColumnProperty("count", 5);   obj.setDataProperty("text", function(i, j){return i + "." + j});   //  set column header tooltip   obj.setColumnProperty("tooltip", function(i){return "Tooltip for column " + i});   //  write grid html to the page   document.write(obj);   </script> </body> </html>                          ActiveWidgets.zip( 344 k)