Grid borders

Discontinued products DHTMLX Touch
#1

I have a layout cell with a grid inside, the grid is defined as {view:“grid”, id:“xxxGrid”, header:true, height:270, width:945, fields:[ {id:“field1”, label:“label1”,width:30}, …], datatype:“json”, url:“mtaListDefautsTable.do”}, the grid is displayed but without borders, i need the borders to separate the grid from the rest of the content in the page, i tryied with css but i was unable, Is there any property for showing borders?

#2

My grid is larger than the layout cell, then the bottom border is not shown, and there is another element in the left so the grid is not in the left limit of the window

#3

Please provide full code, normally border is generated by layout, and any component in layout’s cell must have one.

#4

Here is my code

I attached the resulting page.

If i dig in the generated dom i found the element:

as you can see left, right and bottom widths are set to 0px, (the right border visible is the border of the second column)

grid_without_borders.jpg723×382 9.96 KB

#5

change
{ view: ‘layout’, type:“clean”, cols: [
to
{ view: ‘layout’, type:“line”, cols: [