footable v3 不会在行中显示按钮元素

Question

我在 Footable 版本 3（对于 Bootstrap）中遇到了一个问题，而在版本 2 中没有出现。按钮元素短暂出现，然后完全消失（在 HTML 中，仅按钮的文本被保留 - 标签被删除！）。有没有办法解决这个问题（潜在的错误）？文档没有提到这一点。

<table class="table table-striped toggle-arrow-alt">
                    <thead>
                        <tr>
                            <th>This</th>
                            <th>Is</th>
                            <th>A</th>
                            <th>TEST</th>
                            <th data-breakpoints="xs sm">Of</th>
                            <th data-breakpoints="xs sm">the emergency webcast system</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Hi There!</td>
                            <td>
                                <button>?</button></td>
                            <td>foo bugs are not cool</td>
                            <td>3,847.88</td>
                            <td>Hi There!</td>
                            <td>
                                <button>?</button></td>
                        </tr>
                        <tr>
                            <td>Hi There!</td>
                            <td>
                                <button>?</button></td>
                            <td>foo bugs are not cool</td>
                            <td>,847.88</td>
                            <td>Hi There!</td>
                            <td>
                                <button>?</button></td>
                        </tr>
                        <tr>
                            <td>Hi There!</td>
                            <td>
                                <button>?</button></td>
                            <td>foo bugs are not cool</td>
                            <td>3,847.88</td>
                            <td>Hi There!</td>
                            <td>
                                <button>?</button></td>
                        </tr>

                    </tbody>
                </table>

还有 header（也许脚本顺序错误 - 虽然它会调整大小）

    <head runat="server">
    <title></title>
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <link href="Scripts/FooTable-3/bootstrap/css/footable.bootstrap.min.css" rel="stylesheet" />
    <script src="Scripts/jquery-3.1.1.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/FooTable-3/bootstrap/js/footable.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".table").footable({
                "paging": { "enabled": true },
                "sorting": { "enabled": true }
            });


        });
    </script>
</head>

当我从 Chrome 查看 HTML 中的源代码时（请注意按钮元素完全丢失）：

<tr><td class="footable-first-visible" style="display: table-cell;">Hi There!</td><td style="display: table-cell;">
                                ?</td><td style="display: table-cell;">foo bugs are not cool</td><td style="display: table-cell;">3,847.88</td><td style="display: table-cell;">Hi There!</td><td class="footable-last-visible" style="display: table-cell;">
                                ?</td></tr>

无论如何 - 试图解决这个问题让我抓狂

Answer 1

我明白了。在版本 3 中，有一个类型说明符，默认为 "text"，需要为每个需要 html.

的列设置为 "html"

$('.table').footable({
    "columns": [{
        "type": "text"
    },{
        "type": "html"
    },{
        ...
    }]
});

有效类型为 "text"、"html"、"number" 和 "date"

footable v3 不会在行中显示按钮元素

footable v3 won't display button elements in rows

html

jquery

responsive-design

footable

twitter-bootstrap-3