如何将数据值添加到 footable row/cell

Question

我正在创建这样的脚踏车：

        $('#itemsTable').footable({
        "rows": items.AllItems,
        "paging": {
            "size": 20,
            "container": '#pagination-container',
            "countFormat": "Страница {CP} из {TP}",
            "limit": 8
        },
        "sorting": {
            "enabled": true
        }
    });

我需要添加所有 <tr> 和 <td> 数据值。它应该是这样的：

<tr data-id="1">Value</tr>

td 相同：

<td data-id="1">Value</td>

Answer 1

如果您能够修改 JSON，则可以通过嵌套的 "options" 属性添加单元格数据 (<td..>) 的数据属性对象属性。所以如果你想附加 data-id，它看起来像这样：

{
    "property1": {
        "options": {
            "id": "1"
        },
        "value": "<span class =\"row-val\"> </span>"
    }
}

为了更改 table 行 (<tr..>) 上的数据属性，没有默认选项允许我从文档中看到的这种自定义行为 - 但可以覆盖 FooTable.Row#$create 方法以获得您想要的结果。这将需要在 FooTable 包含在页面上后访问和扩展插件：

(function($, F){ // Extend the Row.$create method to add an id attribute to each <tr>. F.Row.extend("$create", function(){ // call the original method this._super(); // get the current row values var values = this.val(); // then add whatever attributes are required this.$el.attr("id", values["your-id-column-name"]); }); })(jQuery, FooTable);

Reference

如何将数据值添加到 footable row/cell

How to add data value to footable row/cell

javascript

footable