Please can any body tell me is this right what I am doing here.. I need to display a dropdown list box in each row in the grid

var lastsel2;
        $("#table1").jqGrid({
            scroll: 1,
            sortable: true,
            url: '/friends/names/shiva',
            datatype: "json",
            mtype: 'GET',
            height: 200,
            autowidth: false,
            pager: '#page',
            colNames: [//columns names here ],
            colModel: [
                  { name: 'A', index: '', width: 90 },
                  { name: 'B', index: '', width: 100 },
                  { name: 'C', index: '', width: 70 },
                  { name: 'D', index: '', width: 65},
                  { name: 'E', index: '', width: 105},
                  { name: 'F', index: '', width: 105 },
                  { name: 'G', index: '', width: 100 },
                  { name: 'H', index: '', width: 70},
                  { name: 'I', index: '', width: 60},
                  { name: 'J', index: '', width: 60},
                  { name: 'K', index: '', width: 40 },
                  { name: 'L', index: '', width: 70},
                  { name: 'M', index: '', width: 60 },
                  { name: 'N', index: '', edittype: 'select',editype:true, width: 100, editoptions: { value: { 1: 'AA', 2: 'CC',3:'BD''}} }
                ],
                  onSelectRow: function(Acct_Code) {
                  if (A&& A !== lastsel2) {
                         $('#table1').restoreRow(lastsel2);
                         $('#table1').editRow(A, true);
                          lastsel2 = A;
                      }
                  },

Here i am not able to see the dropdown box in row click? Thanks