Я хочу добавить новые столбцы, нажав кнопку в jqGrid

Question

Я хочу добавить новый столбец при нажатии кнопки в jqGrid. Ниже приведен код, который я использую для определения сетки. может кто-то мне помочь, как определить новые столбцы с позицией.

jQuery("#list").jqGrid({ 
    datatype: "local", 
    height: 250, 
    colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'], 
    colModel:[ 
     {name:'id',index:'id', width:60, sorttype:"int",editable:false,editoptions:{readonly:true,size:10}}, 
     {name:'invdate',index:'invdate', width:90, sorttype:"date",editable:true,editoptions:{readonly:false,size:25}}, 
     {name:'name',index:'name', width:100, editable:true,editoptions:{readonly:false,size:20}}, 
     {name:'amount',index:'amount', width:80, align:"right",sorttype:"float", editable:true, editoptions:{readonly:false,size:20}}, 
     {name:'tax',index:'tax', width:80, align:"right",sorttype:"float", editable:true,editoptions:{readonly:false,size:20}}, 
     {name:'total',index:'total', width:80,align:"right",sorttype:"float", editable:true,editoptions:{readonly:false,size:20}}, 
     {name:'note',index:'note', width:150, sortable:false, editable:true,editoptions:{readonly:false,size:20}} 
     ], 
    rowNum:10, 
    rowList:[10,20,30], 
    sortname: 'id', 
    viewrecords: true, 
    sortorder: "desc", 
    editCaption: "Edit Record", 
    caption: "Manipulating Grid Data", 
    editurl:"someurl.php" 
}); 

Answer 1

Это не совсем то, что вы просите, но мы достигаем этого, включая все столбцы в таблице, где мы хотим, чтобы они появились, но с «скрытой: истинной» собственности на те, которые мы хотим чтобы быть скрытыми изначально.

У нас есть список флажков «Показать столбцы» с небольшим количеством магии jQuery, чтобы вызвать метод showCol jqGrid, чтобы показать эти столбцы, когда пользователь запрашивает их.