footable v3はボタン要素を行内に表示しません

バージョン2では発生しなかったフットアブルバージョン3（ブートストラップ用）で発生する問題があります。ボタン要素は短時間表示され、完全に消えます（HTMLではボタンのテキストは残されます - タグは削除されます）。この問題を回避する方法（潜在的なバグ）はありますか？ドキュメントはこれについて言及していません。footable v3はボタン要素を行内に表示しません

<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>$123,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>$99,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>$153,847.88</td> 
          <td>Hi There!</td> 
          <td> 
           <button>?</button></td> 
         </tr> 

        </tbody> 
       </table>

とヘッダ（多分スクリプトの順序が間違っている - それはサイズが変更されますが）

<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;">$123,847.88</td><td style="display: table-cell;">Hi There!</td><td class="footable-last-visible" style="display: table-cell;"> 
           ?</td></tr>

- この

出典

2017-01-08 MC9000

を修正しようと狂った私を運転、私はそれを考え出しましたでる。バージョン3では、型指定子があり、デフォルトは "text"で、htmlが必要な各列に対して "html"に設定する必要があります。

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

有効なタイプは、私は、バージョン3について気づいた唯一のことは、それがちらつくということである「テキスト」、「HTML」、「番号」と「日付」

出典

2017-01-09 00:50:38 MC9000

です。どうやら、必要がないときでも、クライアントサイドでページングやソートを行うときにテーブルを再描画します。ユーザーにとって非常に迷惑です。 – MC9000

footable v3はボタン要素を行内に表示しません

答えて

関連する問題