My jqgrid renders inside a splitter panel, but when I resize the panel My grid fits on the panel slowly. This is in Firefox.

I think the function setGridWidth is not performing in a good way.

This is my resize function:

 var heightGrid=$("#lateralBottom").height();
               $("#tblclientes").setGridHeight(heightGrid);
                   jQuery('.vsplitbar').mousedown(function() {
                       jQuery('.vsplitbar').mousemove(function() {
                                console.log("hola");
                           $("#tblclientes").setGridWidth($("#BottomPane").width());                                
                       });
                   });

This is the HTML:

<div id="MySplitter" class="splitter ui-widget ui-widget-content">    
    <div id="LeftPane" class="splitter-pane">

        <div id="TopPane" class="splitter-pane">
        <iframe frameborder="0" border="0" allowTransparency="true" name="casesInboxId" id="casesInboxId" src="casesInbox" style="width: 100%; height: 90%;" > </iframe>
        </div>
        
        <div id="BottomPane" class="splitter-pane">
            <div id="container_grid">
            <table id="tblclientes"></table>
                <div id="paginacion"></div>
                </div>        
        </div>
        
    </div>
    
    <div id="RightPane" class="splitter-pane splitter ui-widget ui-widget-content">  
    </div>
</div>   

This is an example  of the screen result:

<a href="http://www.freeimagehosting.net/iko3u"><img src="http://www.freeimagehosting.net/newuploads/iko3u.png"></a>