我使用的是一个包含多列的Vuetify表，如下所示
生殖环节

<v-table>
    <thead>
      <tr>
        <th v-for="index in 10">Header {{ index }}</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="rowIndex in 10">
        <td v-for="columnIndex in 10">
            <v-card>
            <v-card-title>Cell in row {{ rowIndex }} in column {{ columnIndex }}</v-card-title>
          </v-card>
        </td>
      </tr>
    </tbody>
  </v-table>

对于较小的屏幕尺寸，水平滚动条是非常好的。但是有一个"打印模式"，水平滚动条没有意义（PDF文件的数据丢失）。所以不管实际的表格宽度，我想防止水平滚动条（我知道这可能看起来很难看）。我认为这个问题与Vuetify无关，我认为这也适用于纯HTML。
我尝试通过overflow-x: hidden;禁用水平滚动条
x一个一个一个一个x一个一个二个x
但不幸的是，这并没有帮助。正如你所看到的，在右边有一些内容丢失。
你有什么想法，如何告诉内容尽可能缩小？