a-table没有数据时，当table表头超过宽度时，显示滚动条，滚动显示在table里，当tabe显示数据时，不显示滚动条，超出table容器的内容显示在table右侧，并不在table容器里 要让整个内容都包含在table里

如果要让整个内容都包含在`a-table`里，可以设置`table-layout: fixed`，这样表格列宽就会被平均分配，并且如果表头超出宽度，就会出现横向滚动条。同时可以设置`overflow-x: auto`，使得横向滚动条只在需要时出现。

为了让超出表格容器的内容显示在表格右侧，并且在表格中滚动，可以将`a-table`和超出内容放在同一个容器中，设置容器宽度和`overflow: auto`样式即可。

具体实现可以参考以下示例代码：

<div class="table-container">
  <a-table :data-source="data" :columns="columns" v-if="data.length">
    <!-- 表格列定义 -->
  </a-table>
  <div v-else>暂无数据</div>
  <div class="overflow-content">
    <!-- 超出表格容器的内容 -->
  </div>
</div>

.table-container {
  position: relative;
  overflow: hidden; /* 隐藏超出容器的内容 */
  table-layout: fixed; /* 表头超出宽度时出现横向滚动条 */
  overflow-x: auto; /* 横向滚动条只在需要时出现 */
}
.overflow-content {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  overflow: auto;
}

这样，当`a-table`没有数据时，会显示暂无数据提示，表头超出宽度时会出现横向滚动条；当`a-table`显示数据时，不会出现滚动条，超出表格容器的内容会显示在表格右侧，并且在表格中滚动。