Controller return values but not show in JqGrid in core

i am using jqgrid, controller return list of values but values are not showing on jqgrid. Rows created button groupid , and name not shown. i also use break point controller return datatable correctly but not show on jqgrid.
i also attach the screenshort you can see the actual result.


    public JsonResult mfollowsummary(int id)
            using (objSqlCon = new SqlConnection(conn))
                SqlCommand cmd = new SqlCommand("select Group_Id,Group_Name from Groups where Comp_Id=" + 1 + "", objSqlCon);
                cmd.CommandType = CommandType.Text;

                SqlDataAdapter sd = new SqlDataAdapter(cmd);
                DataTable dt = new DataTable();
                string JSONString = JsonConvert.SerializeObject(dt);
                var people = JsonConvert.DeserializeObject<List<Groups>>(JSONString);

                return Json(people);

Return Result of function

Jqgrid Link

<script src=""></script>
<link rel="stylesheet" href="">
<link rel="stylesheet" href="">
<link rel="stylesheet" href="">

<script src=""></script>


<script type="text/javascript">

    jQuery(document).ready(function ($) {
        var $grid = $("#jqGrid");

            url: '@Url.Action("mfollowsummary")',
            datatype: 'json',
            postData: {
            jsonReader: { id: 'Group_Id' },
            colModel: [
                { name: 'GroupId', width: 20, hidden: false, editable: true, editable: "disabled" },
                { name: 'GroupName', width: 200, frozen: true, editable: true, searchoptions: { sopt: ['cn'] } },

            loadonce: true,
            navOptions: {
                reloadGridOptions: { fromServer: true }
            formEditing: {

                closeOnEscape: true,
                closeAfterEdit: true,
                savekey: [true, 13],
                reloadGridOptions: {

                    fromServer: true
            forceClientSorting: true,
            viewrecords: true,

            autowidth: true,
            height: 350,
            rowNum: 100,
            rowList: [10, 20, 30, 50, 100, 500],
            pager: "#jqGridPager",
            rownumbers: true,
            sortname: 'Group_Name',
            sortorder: 'Group_Name',

            loadComplete: function () {
                //$("tr.jqgrow:odd").css("background", "#f0f8ff");




Result Screenshot
Return Function Result


 <div class="table-responsive">
       <table id="jqGrid" class="table"></table>
 <div id="jqGridPager"></div>

87 thoughts on “Controller return values but not show in JqGrid in core”

  1. Do you mind if I quote a few of your articles as long
    as I provide credit and sources back to your weblog?
    My blog site is in the exact same area of interest as yours and my users would certainly benefit from
    a lot of the information you present here.
    Please let me know if this ok with you. Regards!

    Also visit my site – คาสิโน w88

  2. Simply want to say your article is as astounding. The clearness in your
    post is just nice and i can assume you are an expert on this
    subject. Fine with your permission let me to grab your RSS feed to keep
    updated with forthcoming post. Thanks a million and please
    keep up the rewarding work.


Leave a Comment