No horizontal scrollbar

Suite and Optimus Suite 5
#1

I init a grid with the following code:

<html>
<body>
(...)
<div id="grid_container"></div>
(...)
</body>
</html>
<script ...>
grid = new dhtmlXGridObject('grid_container');
grid.setHeader("Col1,Col2,Col3");
grid.setColumnIds("column1,column2,column3");
grid.setInitWidths("100,300,*");
grid.setColAlign("center,center,left");
grid.setColTypes("ro,ro,ro");
grid.setColSorting("na,na,na");
grid.enableTooltips("false,false,false");
grid.init();
</script>

After an Ajax request i get some texts but some texts could be very long in column 3 so this texts run right out of the grid (browser window) and i can’t read the full text. So i need a horizontal scrollbar but it seems no one.

So i try:

grid.load("/getText", function() {
  grid.setSizes();
}, "json");

but the result is the same - no horizontal scrollbar.

Have someone any idea?

Regards, Carsten

#2

Please, try to set the sizes for your grid_container.

#3

That was my thought but i don’t know the length of the texts. They can be 30 or even 1000 (or more) characters long.
I think the problem is: When the entries of header row is not long enough to show a horizontal scrollbar but some cell entries are too long, the grid doesn’t show the scrollbar.

#4

Please, try to use:

grid.load("/getText", function() { grid.adjustColumnSize(2); }, "json");

#5

No, it doesn’t work. :cry:

#6

If the problem still occurs for you pleas,e provide with a simplified complete demo, where the problem can be reconstructed and the details about the expected behavior.

#7

I can not provide a demo because the texts come from a PBX and you need an access to it.

#8

You may provide your demo with some demo example of data, or without it.

#9

The (demo) source code you can see above.

#10

Unfortunately the issue cannot be reproduced with the provided code.
Please, provide with a standalone complete demo, or share with a demo link, where the problem can be reconstructed locally.
Here you can find a tutorial about creating a complete demo:
docs.dhtmlx.com/tutorials__auxil … pport.html