Am I missing a property or method for this?

If I place a grid with a few columns on my page, then resize the web page.  I will end up with the horizontal scroll bar on the grid and the columns will not properly resize on their own. 

 I have 2 columns with fixed width during initialization and three columns that will fill the rest of the grid width.  I have the grid width and height to 100% and not a fixed value as well. 

I have used the following for now until someone can please help with this issue.

$(window).resize(function () {

        $('table').css("width", "100%");

        $("#SOD_gridServiceList_hscroller_container").css("height", "0");

    });

The table selector will grab the inner table on the grid and resize it back to 100% instead of a fixed width and the height must be changed on the hscroller_container of the grid to 0 to keep if from appearing.  You can't change it to display:none or it will just keep reappearing.

Thanks in advance.

Michael