我的 jqGrid 有問題。我有一張有很多列的表。當我更改窗口或在移動設備中打開 Web 應用程序時，它應該在網格表中只顯示 4 或 5 列而不是多列，否則它應該允許在網格內滾動。那么如何在窗口調整大小事件上減少JQGrid中的列數呢？我嘗試過如下操作，并且調整大小事件工作正常，但由于網格中有更多列且沒有滾動條，外觀和感覺不太好。我的HTML，<table id="list2"></table>我的 jqGrid 代碼， $("#list2").jqGrid({    url: '/Project/GridData',    datatype: "json",    mtype: 'POST',    colNames: ['edit', 'view','id','Project_Name','Project_Name2','Project_Nam3','Project_Number','Project_Manager', 'Business_Unit', 'Project_Admin_Name', 'Remarks', 'Is_Active', 'Created_Date','Modified_Date'],    colModel: [        { name: 'edit', index: 'edit', width: 55 },        { name: 'view', index: 'view', width: 55 },        { name: 'id', index: 'id', width: 55, hidden: true },        { name: 'Project_Name', index: 'Project_Name', width: 140 },        { name: 'Project_Name2', index: 'Project_Name2', width: 140 },        { name: 'Project_Name3', index: 'Project_Name3', width: 140 },        { name: 'Project_Number', index: 'Project_Number', width: 140 },        { name: 'Project_Manager', index: 'Project_Manager', width: 140 },        { name: 'Business_Unit', index: 'Business_Unit', width: 140 },        { name: 'Project_Admin_Name', index: 'Project_Admin_Name', width: 140, align: "right" },        { name: 'Remarks', index: 'Remarks', width: 180, align: "right" },        { name: 'Is_Active', index: 'Is_Active', width: 100, align: "right" },        { name: 'Created_Date', index: 'Created_Date', width: 150, sortable: false },        { name: 'Modified_Date', index: 'Modified_Date', width: 150, sortable: false }    ],    rowNum: 10,    rowList: [10, 20, 30,50,100,500,1000],    //pager: '#pager2',    sortname: 'id',    viewrecords: true,    sortorder: "desc",    loadonce: true,    ignoreCase: true,    viewrecords: true,    pagepos: 'left',    forceFit: true,    shrinkToFit: false, // to enable the scroll bar in the responsive mode    height: 500,    width:1600,    altRows:true,    altclass:'myAltRowClass'});