Question

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

我发现我可以通过将数据属性添加到json文件列中来向<th>元素添加数据属性。例如，在以下文件中，任何不是“name”或“title”的内容都作为数据元素放入，如下面的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": "..."
},
...

您可以在＆＃34;选项＆＃34;下添加新选项，然后只为您的值插入您的值。

使用footable向单元格添加属性

1 个答案: