jQueryDataTable: имена столбцов не отображаются в таблице данных jquery

#javascript #jquery #asp.net #json #jquery-ui

#javascript #jquery #asp.net #json #jquery-пользовательский интерфейс

Вопрос:

 success: function (data) {
                    $('#datatable').dataTable({
                        "bProcessing": true,
                        "bPaginate": true,
                        "sPaginationType": "full_numbers",
                        "aaData": data.aaData,
                       // "columns": data.aoColumns,
                        "aoColumns": [
                        { "mData": "Server_Name" }, 
                        { "mData": "Primary_Administrator" },
                        { "mData": "Secondary_Administrator" },
                        ]
                    });
                    }
                });
  

Я пытаюсь отобразить обработанные сервером данные в таблице данных jquery. Я не совсем понимаю, как отображать имена столбцов в сопоставлении с данными.Я попробовал несколько способов, например, определить структуру на стороне сервера с помощью aoColumns, но это не сработало. Также это приложение использует Asp.Net рамки. Пожалуйста, обратите внимание, что у меня есть имена столбцов, поступающие со стороны сервера, которые могут измениться, поэтому у меня есть пустая HTML-таблица. У меня нет предопределенных имен столбцов с помощью HTML-таблицы.

Структура на стороне сервера выглядит следующим образом :-

 var result = new
                {
                    iTotalRecords = totalRows,
                    iTotalDisplayRecords = totalRows,
                    aaData = excelDataList,
                    aoColumns =  columnsList,
                };

                JavaScriptSerializer js = new JavaScriptSerializer();
                js.MaxJsonLength = Int32.MaxValue;
                Context.Response.Write(js.Serialize(result));
  

Класс на стороне сервера выглядит следующим образом :-

 public class XYZ
{
    public string Server_Name { get; set; }

    public string Primary_Administrator { get; set; }

    public string Secondary_Administrator { get; set; }
}
  

Мой Html-код :-

 <body>
     <form id="form1" runat="server">
        <table id="datatable">
        </table>
    </form>
</body>
  

Пример Json :-

 {
    "iTotalRecords": 42,
    "iTotalDisplayRecords": 42,
    "aaData": [{
        "Server_Name": "FS",
        "Primary_Administrator": "Mic",
        "Secondary_Administrator": "An"
}],
    "aoColumns": [{
        "sTitle": "Server_Name"
    }, {
        "sTitle": "Primary_Administrator"
    }, {
        "sTitle": "Secondary_Administrator"
    }, {
        "sTitle": "F4"
    }, {
        "sTitle": "F5"
    }, {
        "sTitle": "F6"
    }, {
        "sTitle": "F7"
    }, {
        "sTitle": "F8"
    }]
}
  

Изменен Json:-

 "aoColumns": [{
        "sTitle": "Server_Name",
        "mData": "Server_Name"
    }, {
        "sTitle": "Primary_Administrator",
        "mData": "Primary_Administrator"
    }, {
        "sTitle": "Secondary_Administrator",
        "mData": "Secondary_Administrator"
    }, {
        "sTitle": "F4",
        "mData": "F4"
    }, {
        "sTitle": "F5",
        "mData": "F5"
    }, {
        "sTitle": "F6",
        "mData": "F6"
    }, {
        "sTitle": "F7",
        "mData": "F7"
    }, {
        "sTitle": "F8",
        "mData": "F8"
    }]