Can i make a table auto fill a page with rows

Assuming the container has a pre determined size, you could just fill the table with enough empty rows to fill that size. This could be done client side with Javascript (jQuery), especially since JS can find out how big that container is dynamically and generate more empty rows to fill it.

It could be done in whatever language you're building the site with as well, but there might be complications down the line if you decide to change the size of the container.

 

If each row is the same height then I would be tempted to make a background image of one odd and one even row and tile it behind the table.

If the rows are not always the same height then I would probably use the same background image on an element whose height is calculated dynamically to fill the remainder of the page.

The only trick would be ensuring the last real row and the first fake row on the background image join up.

The reason I wouldn't choose to add/remove extra rows is because it involves excessive DOM manipulation every time the page is resized.

 

The background image is a really good idea actually, don't color the rows at all, just let the background repeat in x and y. (unless you select a row, then you can highlight it)

EDIT: For the record, looking at the thumbnail I thought there was a set hight of the content (where that grey bar is on the left) So I didn't think filling it out would be so bad.