FooTable去除內內容

Question

我使用fooTable和具有withh <td>元件的內部內容的問題。他們全部被刪除。以前的版本並非如此，但v3將其刪除。例如，如果我添加一個按鈕<td><button class="online">Turn on</button></td>它將被刪除，以及表格單元格的類。

這怎麼能防止？

Answer 1

對於任何想要防止這種情況的人來說，可以在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 2

添加到@ user4675957的傑出貢獻：當您使用內部HTML，細節（摺疊表）版本將其顯示爲文本。這是因爲它是這樣加載的。

爲了防止這種情況，修改在$這一行創建功能：

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

到

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

Answer 3

怎麼樣，我們設置爲標題數據參數

「數據類型」= 「html」