[fw-mvc] Dojox.grid.DataGrid Fonts/Style changing

Hello !

I am new to Dojo. I have used dojox.grid.DataGrid and dojox.data.QueryReadStore. My grid is showing characters in very small size like 8px size.

1) Can anybody help me, how to override and specify, font-family, font-size etc. attribute for header and rows in dojox.grid. Datagrid. Following is my view script to populate grid.

 

 

<div dojoType="dojox.data.QueryReadStore" jsId="activeStore", url="records" doClientSorting="true" doClientPaging="true"></div>

<table dojoType="dojox.grid.DataGrid"

    jsId="model"

    store="activeStore"

    query="{ prj_code: '*' }"

    rowsPerPage="20"

    clientSort="true"

    style="width: 500px; height: 400px;"

    rowSelector="20px">

    <thead>

        <tr>

            <th width="200px"

                field="prj_code">Project Code</th>

            <th width="250px"

                field="prj_desc">Project desc</th>

        </tr>

    </thead>

</table>

Thanks in Advance !

Naimesh