JqGridFree
Базовый шаблон:
| 
					 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24  | 
						                jQuery("#cloud_files").jqGrid({                      url:'controller/server/cloud/listfiles.php?cloud_dirs_id='+keyme,                      datatype: "json",                      colNames:['Id','Наименование документа','Файл','Дата','Размер','Действия'],                      colModel:[                      	{name:'id',index:'id', width:25,hidden:true},                         {name:'title',index:'title', width:65},                      	{name:'filename',index:'filename', width:120,hidden:true},                         {name:'dt',index:'dt', width:80},                         {name:'sz',index:'sz', width:90,hidden:true},                         {name: 'myac', width:80, fixed:true, sortable:false, resize:false, formatter:'actions',formatoptions:{keys:true}}                      ],                      autowidth: true,	                      pager: '#cloud_files_pager',                      sortname: 'dt',                      scroll:1,                      shrinkToFit: true,                              viewrecords: true,                      height: 200,                      sortorder: "desc",                      editurl:'controller/server/cloud/listfiles.php?cloud_dirs_id='+keyme,                      caption:"Файлы для просмотра"                      });  | 
					
Уничтожение таблицы:
$(‘#tbl_equpment’).jqGrid(‘GridUnload’);
Получение в виде массива текущей выделенной строки:
| 
					 1 2 3 4 5 6  | 
						// одна строка jQuery("#yourGridName").jqGrid('getGridParam','selrow'); //если мультиселект jQuery("#yourGridName").jqGrid('getGridParam','selarrrow'); // данные из строки по идентификатору myCellData = jQuery("#segments_list").jqGrid('getCell', 1, 'agreement');  | 
					
Свернуть все остальные развёрнутые субгриды:
| 
					 1 2 3 4 5 6 7 8 9 10  | 
							subGridRowExpanded: function(subgrid_id, row_id) {                     $("#ezs_list").jqGrid('setSelection', row_id);                     // свертываем все остальные субгриды                     var rowIds = $("#ezs_list").getDataIDs();                         $.each(rowIds, function (index, rowId) {                             $("#ezs_list").collapseSubGridRow(rowId);                          });                                         StationsGrid(subgrid_id, row_id); 		},  | 
					
Пометка «удаления»:
| 
					 1 2 3 4 5 6 7 8 9  | 
						{name:'deleted',       index:'deleted',fixed:true,width:15,search: false,editable:false,                                     formatter: function(cellvalue, options, rowobject){                                         if (cellvalue==true){                                             return '<i class="fas fa-times"></i>';                                         } else {                                             return "";                                         };                                   }},  | 
					
Выбор из списка при редактировании/добавлении:
| 
					 1 2 3 4 5 6 7 8 9 10  | 
						{name:'state_status',index:'state_status', width:150,search: true,edittype: "select",                                     editoptions: {                                          value: "1:Работает;2:На обслуживании;3:Неизвестно;4:Оффлайн;5:Занята;6:Свободна"                                      },                                      formatter:"select",                                      formatoptions: { value: "1:Работает;2:На обслуживании;3:Неизвестно;4:Оффлайн;5:Занята;6:Свободна", defaultValue: "1" } ,                                     editable:false,sortable: false}, Параметры из списка по URL:  | 
					
| 
					 1 2 3 4 5 6  | 
						{name:'type',            index:'type',        width:70,search: false,hidden:false,editable:false,fixed:true,                         edittype: "select",                         editoptions: {                              dataUrl: '/server/configs/GetEzsSTationConfigsParamsTypes'                          },                             },  |