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

Question

<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），但在移动设备上响应时遇到问题。

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

我无法在移动设备上看到整个表格的另一半。这是最糟糕的。如何使它在移动设备上具有响应性并可用？

这是数据表的代码：

Answer 1

该问题的答案是数据表扩展名：

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