DataTables从JSON或JS Array＆Objects填充表
我有一个表，我用jquery（html）填充它。 为了限制显示行，我一直在尝试将此表更改为数据表。
我有这样的数据：
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 ， abc （来自props）， zxc （来自features）。
我尝试通过转换JSON在数据表中使用，但它没有用。 我不确定如何在数据表上显示这些数据。
此dataArray在应用程序内部更新，它不是外部数据。
请问你能帮帮我吗？
据我所知，您需要将JSON属性及其相应的值更改为字符串。 如果你需要对整数进行任何算术，你总是可以parseInt() 。 然后在您的DataTable()调用中指定data和columns属性，如下所示：
var 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" } }, ] $(document).ready(function() { $('#example').DataTable( { data: dataArray, "columns": [ { data: "id" }, { data: "props.abc" }, { data: "features.zxc" }, ] } ); });
ID Props Features ID Props Features