In an ASP.NET MVC 3 (with razor) application I use jqGrid (latest version). The first time I arrive on the page, no problem, but I have several trouble

1. Only one column is sortable, not 3 as configured in the code

2. All the links on the page a block (not usable), except the sorting on the column

3. the Width is not 100%

See the code below,

Thanks,

I use this code :

<script type="text/javascript">
	jQuery(document).ready(function () {
		jQuery("#list2").jqGrid({
			url: '/Customer/DynamicGridData/',
			datatype: 'json',
			mtype: 'GET',
			colNames: ['Id', 'Code', 'Name'],
			colModel: [
				{ name: 'Id', index: 'Id', align: 'left', sortable: true },
				{ name: 'Code', index: 'Code', align: 'left', sortable: true },
				{ name: 'Name', index: 'Name', align: 'left', sortable: true }
			],
			pager: jQuery('#pager2'),
			rowNum: 10,
			rowList: [5, 10, 20, 50],
			sortname: 'Code',
			sortorder: 'desc',
			viewrecords: true,
			caption: 'My first grid'
		});
	});
</script>
 
<table id="list2" style="width:100%;"></table>
<div id="pager2" style="width:100%;"></div>

        public ActionResult DynamicGridData(string sidx, string sord, int page, int rows)
        {
            IList<Client> list = GetList();
 
            int pageIndex = Convert.ToInt32(page) - 1;
            int pageSize = rows;
            int totalRecords = list.Count;
            var totalPages = (int)Math.Ceiling(totalRecords / (float)pageSize);
 
            var jsonData = new
            {
                total = totalPages,
                page,
                records = totalRecords,
                rows = (from item in list
                        select new
                        {
                            i = item.Id,
                            cell = new[]
                            {
                                item.Id.ToString(), item.Code.ToUpper(), item.Name
                            }
                        }).ToArray()
            };
            return Json(jsonData, JsonRequestBehavior.AllowGet );
        }