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

这可以通过设置CSS样式来实现。当`a-table`没有数据时，可以在`<table>`标签上设置`table-layout: fixed`，这样表格列宽就会被平均分配，并且如果表头超出宽度，就会出现横向滚动条。同时可以设置`overflow-x: auto`，使得横向滚动条只在需要时出现。

当`a-table`显示数据时，可以在`<table>`标签上设置`table-layout: auto`，这样表格列宽就会根据内容自适应，并且如果表格内容超出容器宽度，就会自动换行。同时可以设置`white-space: nowrap`，使得表格内容不会换行，而是在同一行显示。

为了让超出表格容器的内容显示在表格右侧，可以将`a-table`和超出内容分别放在两个容器中，分别设置宽度和`float`样式，再使用`clearfix`清除浮动即可。具体实现可以参考以下示例代码：

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

.table-container {
  position: relative;
  overflow: hidden; /* 隐藏超出容器的内容 */
}
.table-wrapper {
  width: 100%;
  float: left;
  overflow-x: auto;
  white-space: nowrap;
  table-layout: fixed; /* 表头超出宽度时出现横向滚动条 */
}
.overflow-content {
  width: 100%;
  float: left;
}
.clearfix {
  clear: both;
}