Grid into html table

[luis.eduardo]

I try to insert grid into html table, but I get these strange behavior:

1- on mouseover in the table external of the grid, the grid behaves as if it was a TD of the grid and changes the background-color.

2- when i click in this TD i get a error:
                Index or size is negative or greater than the allowed amount"  code: "1  gt_grid_all.js  Line 2373

These behaviors only happen when the grid is into TABLE, when the grid is into DIV work like a charm.

[steven]

Could you paste your html code together with css code here

[luis.eduardo]

I wrote the simple HTML code and insert css files was come with a SigmaGrid.

HTML

<table>     <tr>       <td>         <div id="gridbox"></div>       </td>     </tr> </table>

CSS

gt_grid.css
skin/default/skinstyle.css
skin/vista/skinstyle.css

[steven]

Yes, the grid is still work but highlight all rows when mouse pointer is out.
But I can't get error of "Index or size is negative or greater than the allowed amount"
Can you tell me the version and type of your browser as well as os version/type

[anoopta]

Ya i also got the same error while integrating in html table.

  I got this error in all versions. right not i download 2.2 and checked but i got the same error.

   in 2.2 i got error in mozilla firefox and IE it is ok. But previous versions gave error bot in IE and Firefox.

  I will explain how it happens.
   
  My Grid height =500px and width =700px. But i may be having only 2 column with width as 50px each, so there will be balance
  blank space for the grid. For height also i may be having only 2 rows and the balance space will be there in grid.

  When i click on the free space it shows "Index or size is negative or greater than the allowed amount" code: "1 gt_grid_all.js ".
 After this error come my grid is freeze. Cannot do anything.
 
 This problem can be solved by adjusting the width of columns. But what will we do in the case of height. rows may be dynamic and if it has only few rows displayed, the balance space it gives error.

Can any one help on this

[steven]

Work around
      <table>
          <tr>
            <td>
              <div><div><div>
                      <div id="gridbox"></div>
              </div></div></div>
            </td>

          </tr>
     </table>

[anoopta]

Ya  working....

  Thanks a lot..
 

[jtodaro]

Work around
      <table>
          <tr>
            <td>
              <div><div><div>
                      <div id="gridbox"></div>
              </div></div></div>
            </td>

          </tr>
     </table>

Can you explain why you chose to put 3 DIV tags around the gridbox DIV (as opposed to maybe 2, 1, or even 6)? Is it dependant on the number of columns/rows that are in the actual grid (if this is the case, then others would need to modify their code accordingly when experiencing this behavior). For the record, I am not experiencing this, but figured I'd like some clarification around this workaround that you have suggested.

[steven]

Work around
      <table>
          <tr>
            <td>
              <div><div><div>
                      <div id="gridbox"></div>
              </div></div></div>
            </td>

          </tr>
     </table>

Can you explain why you chose to put 3 DIV tags around the gridbox DIV (as opposed to maybe 2, 1, or even 6)? Is it dependant on the number of columns/rows that are in the actual grid (if this is the case, then others would need to modify their code accordingly when experiencing this behavior). For the record, I am not experiencing this, but figured I'd like some clarification around this workaround that you have suggested.

To make it simple, this bug is due to a reference to parent and parent's parent node, so ad three divs will stop grid's wrong behavior

[Cornelis]

Our html page gets the grid in cell in a table, which is nested in a table, etc. (page layout reasons).
When the grid shows up (e.g. uncommenting it in the html page), the table width's are modified inappropriately.
It does not seem to help to put any amount of div's around the grid.
We plan to purchase SigmaGrid product, but is in the latest version of SigmaGrid this known bug - as I understand - of SigmaGrid already solved?

[OKL]

The answer for width is this:
<table cellpadding="0" cellspacing="0" style="table-layout: fixed;"><tr><td >
    <div >
    <div >
    <div >
      <div id="gridbox" style="border:0px solid #cccccc;background-color:#f3f3f3;padding:5px;height:500px;" ></div>
    </div></div>
    </div>
   </td></tr></table>

Wrap everyting with <table> tag and set table-layout (css attribute) to 'fixed'.

 
OKL

[unique gifts]

I enjoy reading about this kind of thing.  This is completely new to me, but once I get my head around the many new terms, I find its illuminating things I've previously half-thought.

[DanielWalton]

I have tried all of this, and cannot get the grid in the html table to work.Will check this once more.

[prabhuraj]

this structure for master/detail form.....



var gridOption={
   id : grid_demo_id,
   width: "700", 
   height: "350",     
   container : 'gridbox',
   replaceContainer : true,
   dataset : dsOption ,
   columns : colsOption ,
   pageSizeList : [5,10,15,20],
   customHead : 'myHead',
   
   onClickCell  : function(value, record , cell, row,  colNO, rowNO,columnObj,grid)
   {
       var master_id = record.order_no;
      var grid=Sigma.$grid(grid_details_id);
      grid.loadURL = "double_SubController.php?rid=" + master_id + "";
      grid.addParameters({'master_id':master_id});
      grid.reload();
   },
   
   SigmaGridPath : 'grid/',
   loadURL : 'double_Controller.php',
   parameters:{'rid':"2"},
   defaultRecord : ["","","","",0,0,0,0,"2008-01-01"],
   pageSize:5,
   toolbarContent : 'nav | reload | state',
   
   
};







<table id="myHead" style="display:none">
<tr>
  <td rowspan="2" columnId='chk' resizable='false'>
  <input id="g1_chk" type="checkbox"/></td>
   <td rowspan="2" columnId='order_no' resizable='false'>Order No</td>
   <td rowspan="2" columnId='employee' resizable='false'>Employee</td>
  <td colspan="7">Order Info</td>
</tr>
<tr>
   <td columnId='country'>Country</td>
   <td columnId='customer'>Customer<img src="./images/customer.gif"/></td>
   <td columnId='order2005'>order2005</td>
   <td columnId='order2006'>order2006</td>
   <td columnId='order2007'>order2007</td>
   <td columnId='order2008'>order2008</td>
   <td columnId='delivery_date'>Delivery  Date</td>
</tr>
</table>

[baliromavilas]

<div >
      <div id="gridbox" style="border:0px solid #cccccc;background-color:#f3f3f3;padding:5px;height:500px;" ></div>