Поместите массив данных, возвращаемых из Json Result, внутри DataTable, используя Ajax Jquery

Question

, пожалуйста, не могли бы вы помочь мне с этим, я пытаюсь получить массив данных и объекта из JSON в datatable с использованием ajax jquery, но таблица данных не читала столбцы массива

$('#Item_Table').DataTable({
        Ajax: {
            url: '/Inv_Items/GetItemByOrgId',
            dataSrc: ""
        },

столбцы:

            {
                data: "Item_ID",
                render: function (data, type, Item) {
                    return '<button class="fa fa-edit btn-sm btn btn-success" onclick="EditItem(' + Item.Item_ID + ');" value="Edit" id="Editcategory"></button> &nbsp;' + '<button class="fa fa-edit btn-sm btn btn-success" onclick="DeleteItem(this,' + Item.Item_ID + ');" value="Delete" id="Deletecategory"></button>'
                }
            },
            {data: "English_Name" },
            {data: "Arabic_Name" },
            {data: "Purchase_Price" },
            {data: "Unit_ArabicName" },
            {data: "Unit_EngName" },
            {data: "Itm_Attr_Values[0].CatEngName"},
            {data: "Itm_Attr_Values[0].CatArabName} ] 

это возвращает мне неправильный результат в последних двух столбцах массива.

я ожидал вывод, подобный этому

[{"Item_ID":54, Arabic_Name ":" سير مجموعه "," English_Name ":" Ser Groups "," Purchase_Price ": 12000", "Unit_ArabicName": "قطعة", "Unit_EngName": "Piece", "Itm_Attr_Values": [{"ID": 1054," Значение ":" 200,215,201 "," ItemID ": 54," AttrID ": 1017," AttName ":" بيجو "," CatArabName ":" صيانات سريعة "," CatEngName ":" Быстрое обслуживание "}, {"ID": 1055, "Значение": "200,500", "ItemID": 54, "AttrID": 1018, "AttName": "رينو", "CatArabName": "صيانات سريعة", "CatEngName": "Быстрое обслуживание "}], но фактический вывод дает мне данные массива в столбцах, подобных этому صيانات سريعه 0 صيانات سريعه

Answer 1

Если код, который вы разместили, является именно тем, который вы используете, то вы просто пропустили закрывающую двойную кавычку около Itm_Attr_Values[0].CatArabName.

$('#Item_Table').DataTable({
        ajax: {
            url: '/Inv_Items/GetItemByOrgId',
            dataSrc: ""

        },
 columns: [
            {
                data: "Item_ID",
                render: function (data, type, Item) {
                    return '<button class="fa fa-edit btn-sm btn btn-success" onclick="EditItem(' + Item.Item_ID + ');" value="Edit" id="Editcategory"></button> &nbsp;' + '<button class="fa fa-edit btn-sm btn btn-success" onclick="DeleteItem(this,' + Item.Item_ID + ');" value="Delete" id="Deletecategory"></button>'
                }
            },
            {data: "English_Name" },
            {data: "Arabic_Name" },
            {data: "Purchase_Price" },
            {data: "Unit_ArabicName" },
            {data: "Unit_EngName" },
            {data: "Itm_Attr_Values[0].CatEngName"},
            {data: "Itm_Attr_Values[0].CatArabName"} ] // Missing closing " here