html - 数据表无法在移动设备上使用

<table id="resdatatable" class="table table-striped" cellspacing="0" width="100%" style="cursor:pointer">
  <thead>
    <tr>
      <th>ID</th>
      <th>Booking Date</th>
      <th>Name</th>
      <th>Class</th>
      <th>Pick Up</th>
      <th>Duration</th>
      <th>Drop Off</th>
      <th>Age</th>
      <th>Coverage</th>
      <th>Quote</th>
      <th>Status</th>
    </tr>
  </thead>
</table>

我正在使用数据表（https://datatables.net），但在移动设备上响应时遇到问题。

这是它在台式机上的屏幕截图，这是它在移动设备上的外观的屏幕截图：





我无法在手机上看到桌子的整个另一半。这是最糟糕的。我该如何使其在移动设备上响应并可用？

这是数据表的代码：

最佳答案

这个问题的答案是数据表扩展：

https://datatables.net/extensions/rowreorder/examples/initialisation/responsive.html

关于html - 数据表无法在移动设备上使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59150235/