cfgrid missing columns

Below is my current code, i recently changed the format set to html from flash to render in html.

but i noticed from the time, i changed the format = html, the first and last row columns are not showing or generating,

so when i run the below code, im only seeing the Step, Operation, RevCode columns, but not the KeyID or StatusID columns.

what am i doing it wrong.

But when i set the format = "flash" everything works fine, im able to get all the columns correctly displayed.

<cfgrid name="Setup_grid" height="200" width="900" align="LEFT" autoWidth="yes"
    query="Finalquery"
    insert="No" delete="No" sort="Yes" fontsize="14"
    bold="No" italic="No" appendkey="Yes"
    griddataalign="LEFT" gridlines="Yes"
    rowheaders="Yes" rowheaderalign="CENTER" rowheaderitalic="No" rowheaderbold="No"
    colheaders="Yes" colheaderalign="CENTER" colheaderfont="Arial" colheaderfontsize="12"
    colheaderitalic="No" colheaderbold="Yes"
    selectmode="Row" picturebar="Yes"
    format="html" >

    <cfgridcolumn name = "KeyID" Header="Key ID" bold = "No" italic = "No" select = "Yes" display = "Yes" headerBold = "Yes" headerItalic = "No" width = "75">
    <cfgridcolumn name = "Step" dataAlign = "LEFT" bold = "No" italic = "No" select = "No" display = "Yes" headerBold = "Yes" headerItalic = "No" width = "75">
    <cfgridcolumn name = "Operation" dataAlign = "LEFT" bold = "No" italic = "No" select = "No" display = "Yes" headerBold = "Yes" headerItalic = "No" width = "75">
    <cfgridcolumn name = "RevCode" display = "No">
    <cfgridcolumn name = "StatusID" display = "No">

</CFGRID>
<script type="text/javascript">
document.getElementById("Setup_grid").setAttribute("type", "application/xhtml xml");
</script>