Hello!

I've got a grid with two columns that use select filter field.

$(“#list”).jqGrid({

url: '<%= Url.Action("All") %>',

datatype: 'json',

mtype: 'GET',

colNames: [“Status”, “Type”],

colModel: [

{ name: 'Status', index: 'Status', align: 'left', stype: “select”,

searchoptions: { dataUrl: '<%= Url.Action("InvoiceStatusList") %>', sopt: ['eq', 'ne'] } },

{ name: 'Type', index: 'Type', align: 'left', stype: “select”,

searchoptions: { dataUrl: '<%= Url.Action("InvoiceTypeList") %>', sopt: ['eq', 'ne'] } }

],

pager: $('#pager'),

rowNum: 10,

rowList: [5, 10, 20, 50],

sortname: 'Id',

sortorder: “desc”,

viewrecords: true,

imgpath: '<%= Url.Content("~/Content/css/cupertino/images") %>',

autowidth: true,

height: 300

});

$(“#list”).jqGrid('filterToolbar', {});

Te problem is that when the page is shown, both select lists are positioned in the last column so that the first is seen (it occupies 100% of column's width) and the second is not visible (although I can see it in the Inspector). The HTML that I get in this place:

Advance

Expired

Approved

Transfer

WebMoney

YandexMoney

TestCredits

What's the problem with it?