Extra column in grid


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.