0

電話またはタブレットでテーブルを開くと、ブートストラップで作成された「テーブル」が応答しないことがわかりました。何か間違ったことをしたのかもしれませんが、よくわかりません...

誰かがこの問題を手伝ってくれますか?

 <div class="well">
      <table class="table table-hover table-bordered" id="results">
        <thead>
          <tr>
            <th>Užívateľ</th>
            <th>Dátum</th>
            <th>Účel</th>
            <th>Cena €&lt;/th>
            <th>Poznámka</th>
            <th>Financovanie</th>
            <th><div class="row"><span class="span1 text-center">Doklad</span></div></th>
            <th width="36px"></th>
          </tr>
        </thead>
        <tbody>

          <tr title="Posledná úprava: 3.8.2013 18:05"></tr>
            <td>Viktor Bako</td>
            <td>3.8.2013</td>
            <td>Šeky</td>
            <td>100.00</td>
            <td><div class="row"><span class="span4"></span></div></td>
            <td><div class="row"><span class="btn-danger spanNas text-center">Neuhradené</span></div></td>
            <td><div class="row"><span class="span1 text-center"><span class='text-danger'>Nie</span></span></div></td>
            <td>

            </td>
          </tr>

          <tr title="Posledná úprava: 3.8.2013 17:15">
            <td>Peter Jar&#158;embovsk&#253;</td>
            <td>3.8.2013</td>
            <td>Šeky</td>
            <td>25.00</td>
            <td><div class="row"><span class="span4"></span></div></td>
            <td><div class="row"><span class="btn-info spanNas text-center">Firemné</span></div></td>
            <td><div class="row"><span class="span1 text-center"><span class='text-danger'>Nie<span></span></div></td>
            <td>

            </td>
          </tr>

          <tr title="Posledná úprava: 3.8.2013 13:08">
            <td>Karol Hot&#225;r Hotar</td>
            <td>3.8.2013</td>
            <td>Šeky</td>
            <td>28.99</td>
            <td><div class="row"><span class="span4"></span></div></td>
            <td><div class="row"><span class="btn-info spanNas text-center">Firemné</span></div></td>
            <td><div class="row"><span class="span1 text-center"><span class='text-danger'>Nie<span></span></div></td>
            <td>

            </td>
          </tr>

          <tr title="Posledná úprava: 3.8.2013 07:52">
            <td>Karol Hot&#225;r Hotar</td>
            <td>3.8.2013</td>
            <td>Šeky</td>
            <td>28.99</td>
            <td><div class="row"><span class="span4">Pau&#353;&#225;l</span></div></td>
            <td><div class="row"><span class="btn-info spanNas text-center">Firemné</span></div></td>
            <td><div class="row"><span class="span1 text-center"><span class='text-success'>Áno<span></span></div></td>
            <td>

            </td>
          </tr>

          <tr title="Posledná úprava: 2.8.2013 23:54">
            <td>Viktor Bako</td>
            <td>2.8.2013</td>
            <td>Stravné</td>
            <td>4.10</td>
            <td><div class="row"><span class="span4">obed</span></div></td>
            <td><div class="row"><span class="btn-info spanNas text-center">Firemné</span></div></td>
            <td><div class="row"><span class="span1 text-center"><span class='text-success'>Áno<span></span></div></td>
            <td>

            </td>
          </tr>

          <tr title="Posledná úprava: 3.8.2013 14:32">
            <td>Peter Jar&#158;embovsk&#253;</td>
            <td>1.8.2013</td>
            <td>Šeky</td>
            <td>35.00</td>
            <td><div class="row"><span class="span4">je to v poriadku parada</span></div></td>
            <td><div class="row"><span class="btn-success spanNas text-center">Uhradené</span></div></td>
            <td><div class="row"><span class="span1 text-center"><span class='text-success'>Áno<span></span></div></td>
            <td>

            </td>
          </tr>
      </tbody></table></div><div class="row"><div class="well label-warning span4">Spolu: 222.08 €&lt;/div></div>
4

1 に答える 1

0

これはあなたが求めているものに近いですか？

ライブ ビュー ビュー
の編集

そうである場合は、まず、Bootstrap CSS へのパスが正しいことを再確認してください。また、一部のデバイスで問題を引き起こす可能性のある検証エラーがいくつかあります。たとえば、17行目と18​​行目で 

 <tr title="Posledná úprava: 3.8.2013 18:05"></tr> 
 <td> ...

よく見えなかった

テーブルを適切に表示するには、600px 強が必要なようです。小さな画面でより良い結果が必要な場合は、jQuery レスポンシブ テーブル プラグインを使用するのが 1 つのオプションです。

幸運を！

于 2013-08-04T12:08:04.290 に答える