I need to adjust Claymation style of Hierarchoial Data Grid. I need to add border to the grid's cells as on picture in red, but I would like to have then as 'border-right:solid 1px #CCCCCC;' i.e. exactly as border on the addnewrow style. I found actually css classes responsible for addnewrow style but were not able to locate classes for cell style.
Thanks
Hello Mcseidel
To change the cell style the following class in the ig_datagrid.css needs to be modified.
tbody.igg_ClaymationItem>tr>td
{
background-color:White;
border-top:solid 1px #D8D8D8;
border-right:solid 1px #D8D8D8;
height: 20px;
line-height: 20px;
padding:5px 8px 5px 8px;
overflow: hidden;
text-align:left;
vertical-align:middle;
}
It did work, just wonder if it is possible to deal with little misalignment of the border on he columns on the right side ( see image, column 'Type of tax process' ) somehow right border of the 'addnewrow' on the same grid aligned exactly as the header border. Please let me know.
Hello Michael,
Header and cells are 2 different tables and the exact px width should set on grid and on every column to perfectly align them because if there is a left over space the browser distributes it differently between the 2 tables
Hello Mcseidel,
Let me know if I can provide any further help regarding this matter.
Yes, I suggest you to set the exact px width on every column and as well as grid and see if that resolves the issue.
So , you recommend to go over header and grid properties and set up total width equally for header and columns ?