How to get the output as if there are lines in between rows and colums ?

Please visit the page.
http://www.activewidgets.com/grid/
I am getting the grid output as the one shown under the title "Another Example". But I want the output of the grid to be as the one which is "Grid Widget Example". How could I get this ?

If you have embedded the grid in your HTML page using an iframe, make sure the src points to the correct .htm file (for example, basic.htm rather than the images.htm file in the \examples\grid folder).

As in:

<iframe src="basic.htm" frameborder="0"></iframe>

Actually I wanted the look and feel of the grid output in that fashion. That is I wanted borders for rows and columns. Anyhow the source code of the "basic.htm" helped me. I added the following lines in the <style> tag of the grid.
.active-grid-column {border-right: 1px solid threedlightshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
Now I am able to get the desired output.
Thanks Ryan.