title: How to add a new row in a group in jqGrid?
body: <p>I am totally new to jqGrid. I am populating the grid from an array with datatype:local.</p>
  
  <pre><code>var data=[
    {date : "01/01/2012",starttime:"10:15",endtime:"11:15",workfunction:"MA"},
    {date : "01/02/2012",starttime:"11:30",endtime:"12:30",workfunction:"CA"},
    {date : "01/03/2012",starttime:"13:30",endtime:"14:30",workfunction:"FC"},
    {date : "01/01/2012",starttime:"10:15",endtime:"11:15",workfunction:"MA"},
    {date : "01/01/2012",starttime:"11:30",endtime:"12:30",workfunction:"CA"},
    {date : "01/02/2012",starttime:"13:30",endtime:"14:30",workfunction:"FC"},
    {date : "01/02/2012",starttime:"10:15",endtime:"11:15",workfunction:"MA"},
    {date : "01/03/2012",starttime:"11:30",endtime:"12:30",workfunction:"CA"},
    {date : "01/03/2012",starttime:"13:30",endtime:"14:30",workfunction:"FC"}
    ];
  
  $("#gridTable").jqGrid({
      data : data,
      editurl:"clientArray",
      datatype: "local",
      height : 250,
      colNames: [' ','Date','Start Time','End Time','Work Function'],
      colModel : [
                  {name: 'myac', width:80, fixed:true, sortable:false, resize:false, formatter:'actions',formatoptions:{keys:true}},
                  {name: 'date',index:'date',width: 100,sorttype:'date',editable:true,editoptions : {
                      dataInit : function(element){
                          formatDatepicker(element,data);
  
                      }
                  }},
                  {name: 'starttime',index:'starttime',width: 100,sorttype:'date',editable:true},
                  {name: 'endtime',index:'endtime',width: 100,sorttype:'date',editable:true},
                  {name: 'workfunction',index:'workfunction',width: 100,sorttype:'date',editable:true,edittype:"select",editoptions:{value:"MA:MA;CA:CA;FC:FC"}},
                  ],
                  pager: "#gridPager",
                  caption : "Weekly Details",
                  grouping : true,
                  groupingView : {
                      groupField:['date']
                  }
  
  }).navGrid("#gridPager",{edit:true,add:true,del:false},
          //edit properties
          {
      zIndex : 950,
  
          }
  );
  </code></pre>
  
  <p>Given above is the grid I am using. I am grouping the grid according to dates, and I am using jsp as the server side technology. My questions are:</p>
  
  <ol>
  <li>Can we add a row to a group without submitting it to the server.</li>
  <li>When a new row is created with a new date, will a new group form.</li>
  <li>Can we edit multiple rows and submit all at once.</li>
  </ol>