四、jqgird 具体参数设置：每日一问一答之： 动态设置jqgird宽度（当浏览器窗口大小改变时）

var grid_selector = "#grid-table";

var parent_column = $(grid_selector).closest('[class*="col-"]');
//resize to fit page size
$(window).on(
    'resize.jqGrid', function () {
    $(grid_selector).jqGrid( 'setGridWidth', parent_column.width() );
})

1、on() 函数： 打开浏览器窗口时，调用与 'resize.jqGrid'绑定的function；

2、 'resize.jqGrid' 的意思是，重绘jqGrid 表格；

3、$(grid_selector) 代表选中id为 grid-table 的jqGrid表格；

4、$(grid_selector).closest('[class*="col-"]')； 代表id为 grid-table 上一级元素的的列宽，并将包含列宽值的对象赋值给变量parent_column；

5、'setGridWidth' 的意思是，设置jqGrid表格的宽度；宽度值是：parent_column.width()