I am using XML to create the structure of a grid, but for some reason I am getting an extra column in my grid. I am not sure why this is happening. The XML to create the grid is listed here. All the columns appear, then there is one blank one at the end.
HTML:
<div id=“ssrGrid”></div>
CSS:
#ssrGrid { border: solid 1px black; height: 725px; width: 675px; }
XML:
<?xml version="1.0" ?>
<rows>
<head>
<column type=“ro” width=“75” sort=“int” align=“center”>Row #</column>
<column type=“ro” width=“75” sort=“int” align=“center”>Search ID</column>
<column type=“ro” width=“125” sort=“int” align=“left”>Search Name</column>
<column type=“ro” width=“75” sort=“int” align=“center”>User ID</column>
<column type=“ro” width=“75” sort=“int” align=“center”>Iteration</column>
<column type=“ro” width=“50” sort=“int” align=“center”>Hits</column>
<column type=“ro” width=“200” sort=“str” id=“last”>Run Time</column>
<beforeInit>
<call command=“setSkin”>
<param>modern</param>
</call>
<call command=“setImagePath”>
<param>js/grid/imgs/</param>
</call>
</beforeInit>
</head>
</rows>
There is no any unnecessary columns appears while testing the same code locally. ( sample attached )
Grid has styling for empty space after last column , which has same color as normal grid header, so if width of columns is smaller than grid’s container - you will have a filler panel right to the last column.
Style of filler can be redefined as
div.gridbox .xhdr{
1233745363.zip (78.8 KB)
It was actually an issue on my side. There were 2 CSS entries for the grid which was causing the problem.