ajaxの部分的なビューでブートストラップテーブルが動作しない

Question

私はaspnetコアとブートストラップを使ってWebアプリケーションを開発していて、 'mytable.cshtml'という名前の部分ビューでホストされている単純なテーブルをソートする必要があります。部分図は、Ajax呼び出しの後にdinamicallyロードする必要があります。

私は次のようにテーブルをソートするために、ブートストラップ・テーブルのプラグインを使用しています：

<table id="table" data-toggle="table" class="table"> 
     <thead> 
      <tr> 
       <th data-sortable="true">column 1</th> 
       <th data-sortable="true">column 2</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>aaa</td> 
       <td>111</td> 
      </tr> 
      <tr> 
       <td>bbb</td> 
       <td>222</td> 
      </tr> 
      <tr> 
       <td>ccc</td> 
       <td>333</td> 
      </tr> 
     </tbody> 
    </table> 

まず、私はすべてが、それはこのよう

@Html.Partial("mytable"); 

に部分図をロードし、罰金だとテスト

ビューがロードされ、テーブルが正しいフォーマットになっています。カラムヘッダーにはソート用のアイコンがあり、ヘッダーをクリックするとコンテンツが注文されます。

今私は、リンクをクリックしたときにAjax呼び出しを持つ部分のビューをロードしよう：

<a href=@Url.Action("GetMyTable"}) onclick="LoadMyTable()"/> 
//LoadMyTable() script omitted ... 

部分図が正しくロードされている以前のように、テーブルが示され、フォーマットされたが、列はソートすることはできませんされて：並べ替えアイコンが表示されず、列見出しをクリックしても表示されません。

誰かがこの現象を経験しました。 の代わりに、同じようなシナリオに直面している人なら誰でも、どのように進むべきかを示唆することができますか？最終的には別のプラグインを使用していますか？

どのようなヒントでも大丈夫です

Answer 1

JavaScriptを使用できます。第一、第二は、（多分これは厳密ではありません）あなたの部分的なファイルの末尾にJSを追加

<table id="table" class='table' data-toggle="table"> 

のように、あなたがあなたのテーブルタグにid="table"を追加します

<script type="text/javascript"> 
    $('#table').bootstrapTable(); 
</script>