Start Building Professional
Web Apps Today

Row height in Firefox

Hello

I have a grid that displays differently in Firefox than in Internet Explorer.

I have a cell ("ro" type) and the content of the row is some html content . (with <table> bold text, etc.). The html displays fine in the cell (I can see the bold text and the html table, etc) but the html content of that cell is pretty huge (maybe 100 lines). In Internet Explorer, the height of the row is the same as the other rows. So it only shows a part of the cell content and that's fine. That's exaclty what I want. But in Firefox, the cell height is automatically set to a higher size.

If i change the cell type for rotxt, I get the right row height in firefox but then the cell no longer displays the text in html mode and also shows the html tags in my cell.

Is there anything I can do to fix this? If not, is there a cell type that will remove any html tags in my cell.

This issue confirmed. We'll provide fix as soon as possible. 

a) If you are control xml (data) generation you can change it as
   <div style="height:20px; overflow:hidden; width:100%;">... old content here ... </div>
It will generate expected result in all browsers. 

b) If you need to preserve incoming data as is and in same time fix the height of the row in the browser, you can use 

eXcell_ro.prototype.setValue = function(val){
       val =  "<div style="height:20px; overflow:hidden; width:100%;">" +val+ "</div>";
      dhtmlXGridCellObject.prototype.setValue.call(this,val);
}

it will auto-wrap all data for "ro" columns.