如何使响应表与很多领域

时间:2017-12-03 17:49:53

标签: css twitter-bootstrap responsive-design

我尝试使用此表制作具有bootstraps的响应表:

<table class="table table-striped table-bordered table-hover" id="dataTables-dokumen">
  <thead>
    <tr>
      <th>No</th>
      <th>Pertanyaan 1</th>
      <th>Pertanyaan 2</th>
      <th>Pertanyaan 3</th>
      <th>Pertanyaan 4</th>
      <th>Pertanyaan 5</th>
      <th>Pertanyaan 6</th>
      <th>Pertanyaan 7</th>
      <th>Pertanyaan 8</th>
      <th>Pertanyaan 9</th>
      <th>Pertanyaan 10</th>
      <th>Pertanyaan 11</th>
      <th>Pertanyaan 12</th>
      <th>Pertanyaan 13</th>
      <th>Pertanyaan 14</th>
      <th>Pertanyaan 15</th>
      <th>Pertanyaan 16</th>
      <th>Pertanyaan 17</th>
      <th>Pertanyaan 18</th>
      <th>Pertanyaan 19</th>
      <th>Pertanyaan 20</th>
    </tr>
  </thead>
  <tbody>
    //this is a value of table
  </tbody>
</table>

但表格总是跨越这样的一行:Example

如果我们在表中有很多字段并且我们想制作一个响应表,那么有什么建议吗?

1 个答案:

答案 0 :(得分:0)

尝试&#34;表格响应&#34; <table>标记中的类。您似乎正在使用数据表和引导程序。希望表响应式课程解决您的问题。