Javascript DataTables从JSON或JS数组和对象填充表

Javascript DataTables从JSON或JS数组和对象填充表,javascript,jquery,json,datatable,Javascript,Jquery,Json,Datatable,我有一张表,我正在用jqueryhtml填充它。为了限制显示行,我一直在尝试将此表更改为datatables 我有这样的数据: dataArray = [{ id: 1, props: { abc: 123, def: 456, ghi: 789 }, features: { zxc: 01, cvb: 02, nmn: 03 } }, { id: 2,

我有一张表,我正在用jqueryhtml填充它。为了限制显示行,我一直在尝试将此表更改为datatables

我有这样的数据:

dataArray = [{
    id: 1,
    props: {
        abc: 123,
        def: 456,
        ghi: 789
    },
    features: {
        zxc: 01,
        cvb: 02,
        nmn: 03
    }
},
{
    id: 2,
    props: {
        abc: 002,
        def: 258,
        ghi: 965
    },
    features: {
        zxc: 52,
        cvb: 21,
        nmn: 75
    }
},
{
    id: 3,
    props: {
        abc: 352,
        def: 365,
        ghi: 778
    },
    features: {
        zxc: 21,
        cvb: 45,
        nmn: 03
    }
},
]

比如说,我想显示id,abcfrom道具,zxcfrom功能

我试图通过转换JSON在datatable中使用,但没有成功。我不确定如何在datatable上显示这些数据

此dataArray在应用程序内部更新,它不是外部数据


您能帮我吗?

据我所知,您需要将JSON属性及其对应的值更改为字符串。如果您需要对整数进行任何运算,您可以始终解析int。然后在DataTable调用中指定数据和列属性,如下所示:

变量数据数组=[{ id:1, 道具:{ abc:123, def:456, ghi:789 }, 特点:{ zxc:01,, cvb:02, nmn:03 } }, { id:2, 道具:{ abc:002, def:258, ghi:965 }, 特点:{ zxc:52, cvb:21, nmn:75 } }, { id:3, 道具:{ abc:352, def:365, ghi:778 }, 特点:{ zxc:21, cvb:45, nmn:03 } }, ] $document.readyfunction{ $'example'.DataTable{ 数据:dataArray, 栏目:[ {data:id}, {data:props.abc}, {data:features.zxc}, ] } ; }; 身份证件 道具 特征 身份证件 道具 特征
您可以阅读关于如何在jquery datatables中显示嵌套JSON数据的参考:注意,在javascript代码中,您应该用dataArray对象替换ajax属性。请查看我的解决方案。如果它回答了你的问题,你能标记它被接受吗?很好的解决方案,兄弟!这听起来像是一个参考例子:我没有看到。我阅读了文档和api参考。我对datatables插件没有太多经验,所以今天我学到了一两件事!我刚刚用表刷新和使用插件的ajax回答了第二个问题。我同意,如果你在暗示,更多的人应该阅读文档/参考资料。不,我没有恶意。我对你的答案投了赞成票。在我看来,这是一个很好的解决方案,就像我在评论中提到的参考资料一样。@Oghli-oh-cool谢谢。是的,当你看到一些references@CanerSezgin没问题!请记住,对于那些前导为零的值,您可能会遇到问题。如果将这些值转换为整数,则需要找到填充这些值的解决方案。但作为弦,它们很好。