javascript - 使用 footable 向单元格添加属性

Question

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

我发现我可以将数据属性添加到 <th>元素，将它们放入 columns json 文件中。例如，在以下文件中，任何不是“名称”或“标题”的内容都将作为数据元素放入，例如下面 JSON 中的“断点”，将插入到 <th> 中。标记为<th data-breakpoints="xs sm">...</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": "..."
},
...

您可以在“选项”下添加新选项，然后您的值就会插入到您的值中。