Fooテーブルがうまく動作しない携帯電話のスクリーンサイズ

Question

私は自分のプロジェクトにフットプラグインを使用しています。

しかし、それは電話の画面ではうまく動作しません。 は、まず、私のコードは電話で手直しするとき、私はChromeデベロッパーツールから、このようなそのworkly罰金、

が、そのが動作していないが、画面のサイズを変更するには、この

ようscreen.so私のHTMLコード。

 <div id="tablelistDiv"> 
     <div class="row"> 
     <table id="tbl_search" class="footable" data-page-size="20"> 
     <thead> 
      <tr> 
       <th data-toggle="true" data-sort-ignore="false">Sıra No</th> 
       <th data-sort-ignore="false">Ünvan</th> 
       <th data-hide="phone" data-sort-ignore="false">Şube</th> 
       <th data-hide="phone" data-sort-ignore="false">Broker</th> 
       <th data-hide="phone" data-sort-ignore="false">Durum</th> 
       <th data-hide="phone" data-sort-ignore="false">Kayıt Tar.</th> 
       <th data-hide="phone" data-sort-ignore="true"><i class="fa fa-search"></i></th> 
      </tr> 
      </thead> 
      <tbody> 
      </tbody> 
      <tfoot> 
      <tr> 
      <td colspan="7"> 
      <div class="pagination pagination-centered hide-if-no-paging"></div> 
      </td> 
      </tr> 
     </tfoot> 
    </table> 
    </div> 
    </div> 

私のJSコードをお使いのクロムがデスクトップにあるので、それが正常に動作している、

function detayKayitlar(jsondata, status) { 
        obj = JSON.parse(jsondata); 
        var tableHtml = ""; 
        for (var i = 0; i < obj.length; i++) { 
         tableHtml = tableHtml 
          + "<tr>" 
          + "<td>" + obj[i].ID + "</td>" 
          + "<td>" + obj[i].UNVAN + "</td>" 
          + "<td>" + obj[i].SUBE + "</td>" 
          + "<td>" + obj[i].BROKER + "</td>" 
          + "<td>" + obj[i].USERLASMA + "</td>" 
          + "<td>" + obj[i].KAYITTAR + "</td>" 
          + "<td><button onclick='detayKayit(" + obj[i].ID + ",2);' class='btn btn-block btn-danger' type='button'><i class='fa fa-search'></button></td>" 
          + "</tr>"; 

        } 

        $("#tbl_search tbody").append(tableHtml); 
        jQuery(function() { 
         jQuery('#tbl_search').footable(); 
        }); 

        pWaitHide(); 
        hideDiv('search'); 
        showDiv('list'); 
       } 

Answer 1

あなたはリワークで何を意味するのですか？あなたが動的に何かをしているなら、 は$（ '＃tbl_search'）を実行できます。trigger（ 'footable_redraw'）;

@Almis from first row comment。 ありがとうございました

Answer 2

です。ヘッダータグに以下の行を追加したかどうかを確認してください。このビューポートはスクリーンサイズを検出します。

<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">