如何在 vxe-table 的树形表格中启用并调整横向滚动条以适应内容展示？

在Vue Element Table (vxe-table) 中，为了在树形表格中启用并调整横向滚动条，你可以按照以下步骤操作：

1. 首先，在`<x-table>`组件中，设置列宽(`column-width`)，以便为内容提供足够的空间。例如，如果你知道某些列可能需要大量的宽度，可以在列配置中指定它们的宽度。

<x-table :data="treeData" :columns="tableColumns" :column-width="[{ prop: 'name', width: 200 }, ...]">
   ...
</x-table>

2. 然后，你需要开启滚动功能。在`x-table`的属性中添加`show-scrollbar`，它会显示水平滚动条。默认情况下，滚动条会在列无法完全展示时自动出现。

<x-table :data="treeData" :columns="tableColumns" :column-width="[...]" show-scrollbar>
   ...
</x-table>

3. 如果需要手动控制滚动，可以使用`scroll-x`和`scroll-x-options`属性。`scroll-x`设为`true`以启用滚动，而`scroll-x-options`可以设置滚动条的具体选项，如`bar-height`、`always-show`等。例如：

<x-table :data="treeData" :columns="tableColumns" :column-width="[...]" show-scrollbar scroll-x scroll-x-options="{ alwaysShow: true }">
   ...
</x-table>

这将始终显示水平滚动条。