Question

我正在使用fooTable并且在<td>元素的内部内容方面遇到问题。他们都被删除了。在以前的版本中并非如此，但v3将其删除。例如，如果我添加一个按钮<td><button class="online">Turn on</button></td>，它将被删除，以及表格单元格类。

如何防止这种情况？

Answer 1

我们如何设置标题数据参数

“数据类型”= “html” 的

Answer 2

对于任何想要阻止这种情况的人，可以在footable.js中进行更改。改变这个：

    $create: function(){
        if (this.created) return;
        (this.$el = F.is.jq(this.$el) ? this.$el : $('<td/>'))
            .data('value', this.value)
            .contents().detach().end()
            .append(this.format(this.value));

        this._setClasses(this.$el);
        this._setStyle(this.$el);

        this.$detail = $('<tr/>').addClass(this.row.classes.join(' ')).data('__FooTableCell__', this)
            .append($('<th/>', { text: this.column.title }))
            .append($('<td/>'));

        this.created = true;
    },

为：

$create: function(){
            if (this.created) return;
            (this.$el = F.is.jq(this.$el) ? this.$el : $('<td/>'))
                .data('value', this.value)
                .contents();

            this._setClasses(this.$el);
            this._setStyle(this.$el);

            this.$detail = $('<tr/>').addClass(this.row.classes.join(' ')).data('__FooTableCell__', this)
                .append($('<th/>', { text: this.column.title }))
                .append($('<td/>'));

            this.created = true;
        },

嗯，这可能不是最好的处理方式，但它符合我的目的。这会留下未格式化的内容，并保持链接，按钮，类设置......

Answer 3

添加到@ user4675957的优秀贡献：当您使用内部HTML时，详细信息（折叠表）版本会将其显示为文本。这是因为它是这样加载的。

要防止这种情况，请在$ create函数中修改此行：

 .append($('<th/>', { text: this.column.title }))

到

.append($('<th/>').append(this.column.title))

FooTable删除内部内容

3 个答案: