我正在尝试添加一个水平滚动在表上，只有当表溢出。表

null

.display {
  width: 100%;
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
}

<table class="display">
  <thead>
    <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Date Time</th>
      <th>Details</th>
      <th>Details_1</th>
      <th>Details_2</th>
      <th>Details_3</th>
      <th>Details_4</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>53</td>
      <td>Jenny</td>
      <td>2009/10/09</td>
      <td>Developer</td>
      <td>Developer_1</td>
      <td>Developer_2</td>
      <td>Developer_3</td>
      <td>Developer_4</td>
    </tr>
  </tbody>
</table>

null

但是，我面临着一个问题。当列减少时，水平滚动仍然保持在那里，表格的宽度也减少。我只想在表溢出时添加卷轴。