jquery的datagrid自適應瀏覽器的寬度

  這個問題困擾我好久了，我試過好多方法，例如設置datagrid的width爲auto，還有設置datagrid的fit爲true，可是這種方法不行，而後我在網上發現有人寫了一個擴展方法，連接爲http://www.myexception.cn/web/410060.html。

按照這個連接提供的方法不能使高度按照內容來設置，所以我進行了修改，修改的代碼以下：

/** 

 * JQuery擴展方法，用戶對JQuery EasyUI的DataGrid控件進行操做。 

 */  

$.fn.extend({  

    /** 

     * 修改DataGrid對象的默認大小，以適應頁面寬度。 

     *  

     * @param heightMargin 

     *            高度對頁內邊距的距離。 

     * @param widthMargin 

     *            寬度對頁內邊距的距離。 

     * @param minHeight 

     *            最小高度。 

     * @param minWidth 

     *            最小寬度。 

     *  

     */  

    resizeDataGrid : function( widthMargin, minWidth) {  

       /*  var height = $(document.body).height() - heightMargin;   */

        var width = $(document.body).width() - widthMargin;  

  

 /*        height = height < minHeight ? minHeight : height;   */

        width = width < minWidth ? minWidth : width;  

  

        $(this).datagrid('resize', {  

            width : width  

        });  

    }  

});  

$(function() { 

    //datagrid數據表格ID 

    var datagridId = 'test';  

     var datagridId2='spdata';

    // 第一次加載時自動變化大小  

    $('#' + datagridId).resizeDataGrid(20, 800);  

     $('#' + datagridId2).resizeDataGrid(20,800);  

    // 當窗口大小發生變化時，調整DataGrid的大小  

    $(window).resize(function() {  

        $('#' + datagridId).resizeDataGrid(20, 800);  

          $('#' + datagridId2).resizeDataGrid(20,800); 

    });  

});