現(xiàn)在已經(jīng)在生產(chǎn)環(huán)境中使用了一段時間，沒有任何抱怨（可能需要一些調(diào)整才能在您的網(wǎng)站上看起來正確。例如，減去邊欄的寬度，等等）

$(window).bind('resize', function() {

    $("#jqgrid").setGridWidth($(window).width());

}).trigger('resize');

作為后續(xù)措施：

由于不可靠，本文中顯示的先前代碼最終被放棄了。我現(xiàn)在按照jqGrid文檔的建議，使用以下API函數(shù)調(diào)整網(wǎng)格大?。?/p>

jQuery("#targetGrid").setGridWidth(width);

為了進行實際的大小調(diào)整，將實現(xiàn)以下邏輯的函數(shù)綁定到窗口的resize事件：

使用其父級的clientWidth和其offsetWidth屬性（如果不可用）計算網(wǎng)格的寬度。

執(zhí)行健全性檢查，以確保寬度變化超過x個像素（以解決某些特定于應(yīng)用程序的問題）

最后，使用setGridWidth（）更改網(wǎng)格的寬度

這是處理大小調(diào)整的示例代碼：

jQuery(window).bind('resize', function() {

    // Get width of parent container

    var width = jQuery(targetContainer).attr('clientWidth');

    if (width == null || width < 1){

        // For IE, revert to offsetWidth if necessary

        width = jQuery(targetContainer).attr('offsetWidth');

    }

    width = width - 2; // Fudge factor to prevent horizontal scrollbars

    if (width > 0 &&

        // Only resize if new width exceeds a minimal threshold

        // Fixes IE issue with in-place resizing when mousing-over frame bars

        Math.abs(width - jQuery(targetGrid).width()) > 5)

    {

        jQuery(targetGrid).setGridWidth(width);

    }

}).trigger('resize');

和示例標(biāo)記：

<div id="grid_container">

    <table id="grid"></table>

    <div id="grid_pgr"></div>

</div>