仅对表格数据进行水平滚动的中间内容

以下是一个示例代码，演示了如何实现仅对表格数据进行水平滚动的中间内容：

HTML:

<div class="table-wrapper">
  <table>
    <thead>
      <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
        <th>Header 4</th>
        <th>Header 5</th>
        <th>Header 6</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
        <td>Data 4</td>
        <td>Data 5</td>
        <td>Data 6</td>
      </tr>
      <!-- 更多的行数据 -->
    </tbody>
  </table>
</div>

CSS:

.table-wrapper {
  overflow-x: auto;
  white-space: nowrap;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: 8px;
  border: 1px solid black;
}

上述代码中，我们使用了CSS的overflow-x属性来设置水平滚动，并使用white-space属性来禁止表格数据换行显示。通过设置table的宽度为100%，使其能够自适应父容器的宽度。

在实际使用中，你可以根据实际需求对表格的样式进行调整，并使用更多的CSS属性来美化表格的外观。