javascript - DataTables 将不是列的对象数据添加到行?

标签 javascript datatables

我搞不懂这个,他们的 API 非常困惑。

我有一个显示几何特征表格数据的表格,因此我希望将坐标保存在行数据中。

我需要一种方法来检索此坐标,例如,当用户单击该行时。

我想要实现的目标的示例:

const dt = $('table').DataTable({
    columns : [
        {data : "NAME"},
        {data : "COLOR"}
    ]
})

dt.row.add({
    COLOR : "Red",
    NAME : "Point1",
    //Invalid parameter error
    geometry : {
        type : "point",
        coordinates : [1,1]
    }
})

我认为存储在隐藏列中并不是理想的选择,因为对于多边形类型来说,坐标可能会变得非常大。

我对 DataTables 非常陌生,并且对 API 非常困惑,非常欢迎任何有关如何更好地组织/执行我的概念的建议。

最佳答案

看起来你所拥有的应该有效。我为你整理了一个小例子: http://live.datatables.net/rikofefu/1/edit

它添加了一行带有额外的geometry对象。选择该行,然后单击显示所选数据按钮。控制台将显示整行和几何对象。

我正在使用Select extension获取选定的行。

关于javascript - DataTables 将不是列的对象数据添加到行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48429504/

相关文章:

javascript - jquery - 折叠/扩展 div?

jquery - 为 JQUERY 数据表中新插入的行指定类

javascript - 使用文本输入进行多项选择 - 参数不起作用

javascript - Protractor 截图测试错误代码105

javascript - 使用地理位置,按距离对结果进行排序

javascript - ExtJS listConfig 在项目选择器中不起作用

css - 带有 Bootstrap 表响应的 DataTables 总是有小的 x 溢出

javascript - 原型(prototype)和回调

javascript - 如何更新分页的 jQuery DataTables 数据并显示它

jquery - 为插件 JQuery DataTables 添加按钮行