Question

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

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

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

所以例如我可能在一个单元格中：

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

转换为：

<td>Default</td>

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

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

Answer 1

您可以尝试使用包含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();

Answer 2

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

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

它似乎有点多余，但它确实有一个默认的＆＃34;类型＆＃34;格式化，所以也许只是直接将值传递回来，没有任何额外的未知巫术将解决问题。

转换单元格时，停止FooTable从标签中删除html

2 个答案: