使用 footable 向单元格添加属性

Question

我正在使用 footables ajax 功能，但我对如何向各个标签添加属性感到困惑。例如，在文档中，有一个可以设置的 data-sort-value 属性。使用静态 table，我可以使用 <td data-sort-value="1">foo</td>.

我发现我可以将数据属性添加到 <th> 元素，方法是将它们放在列 json 文件中。例如，在下面的文件中，任何不是 "name" 或 "title" 的内容都作为数据元素放入，例如 "breakpoints"，在下面的 JSON 中，是作为 <th data-breakpoints="xs sm">...</th>

插入到 <th> 标签中

[
    {"breakpoints":"xs sm","name":"id","title":"Employee ID"},
    {"name":"full_name","title":"Name"},
    {"name":"phone","title":"Phone"},
    {"breakpoints":"sm xs","name":"email","title":"Email"},
    {"breakpoints":"xs","type":"html","name":"working","title":"Available"},
    {"breakpoints":"sm xs","type":"html","name":"actions","title":"Actions"}
]

文档严重缺乏关于它收到的 JSON 格式的信息，如果不知道每一列中已经有什么值，则不能在之后编辑这些内容。

我假设，如果可能的话，它会出现在行 JSON 文件中。

Answer 1

在绞尽脑汁思考了一段时间并通读了文档之后，我弄清楚了所有这些是如何工作的，尽管在他们的文档中可以更好地解释它。

对于 footables，您可以在 JSON 中添加选项。执行此操作时，您可以访问所有可用选项，而不仅仅是这一个。在本例中，以下方法有效：

{
    "id": 16,
    "full_name": "John Doe",
    "phone": "555-555-5555"
    "email": "john@doe.com",
    "working": {
        "options": {
            "sortValue": "1"
        },
        "value": "<span class =\"green fa fa-check-circle\"> </span>"
    },
    "actions": "..."
},
...

您可以在 "options" 下添加新选项，然后您的值将被插入。

使用 footable 向单元格添加属性

Adding attributes to cells using footable

javascript

jquery

footable