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>"
    }
}

为了更改表行（<tr..>）上的数据属性，没有默认选项可允许我从文档中看到此自定义行为-但可以覆盖{{1} }方法以达到所需的结果。这需要在页面上包含FooTable之后访问并扩展插件：

FooTable.Row#$create

Reference

如何将数据值添加到适合的行/单元格

1 个答案: