1

我正在使用 FooTable ( http://fooplugins.github.io/FooTable/docs/getting-started.html ) 从我的静态 html 表中创建一些动态表。

表格的单元格或标签内是 html，用于格式化单元格中的值。例如，我在一个单元格中使用引导标签组件。

我遇到的问题是，当footable 运行时，它会转换所有的html 格式，并且似乎从单元格中剥离了所有这些html 标签，而我只剩下文本了。

因此，例如，我可能在一个单元格中：

<td><span class="label label-default">Default</span></td>

转换为：

<td>Default</td>

我的问题是可以选择阻止这种情况发生吗？我搜索了谷歌并在合适的文档上，但我没有运气。

似乎没有多少人遇到过这个问题。但肯定有人知道这是否可能。

4

2 回答 2

5

您可以尝试将列标识为 HTML，data-type="html"在具有 HTML 的列中使用。

例子：

            <table id="testTable" class="table" data-paging="true">
            <thead>
                <tr>
                    <th style="width: 45%">Origin</th>
                    <th data-breakpoints="sm xs" style="width: 45%">Destination</th>
                    <th style="width: 5%" data-type="html">&nbsp;</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>O1</td>
                    <td>D1</td>
                    <td><span class="glyphicon glyphicon-remove"></span>&nbsp;<span class="glyphicon glyphicon-pencil"></span></td>
                </tr>
                <tr>
                    <td>O2</td>
                    <td>D2</td>
                    <td><span class="glyphicon glyphicon-remove"></span>&nbsp;<span class="glyphicon glyphicon-pencil"></span></td>
                </tr>
                <tr>
                    <td>O3</td>
                    <td>D3</td>
                    <td><span class="glyphicon glyphicon-remove"></span>&nbsp;<span class="glyphicon glyphicon-pencil"></span></td>
                </tr>
            </tbody>
        </table>

Javascript：

$("#testTable").footable();
于 2016-05-11T17:08:14.537 回答
1

您是否尝试过创建自己的格式化程序？

jQuery(function($){
    $('.table').footable({
        "columns": [{
            "formatter": function(value){
                return value;
            }
        }]
    });
});

这似乎有点多余，但它确实有一个默认的“类型”格式化程序，所以也许只需将值直接传回而不需要任何额外的未知巫术就可以解决问题。

于 2015-11-22T14:14:26.470 回答