uniapp中弹出框表格横板

在uni-app中，如果你想在弹出框中展示表格数据并使其呈现横向布局，可以使用uni-app提供的`dialog`组件配合`scroll-view`和`table`组件。下面是一个简单的示例：

首先，导入需要的组件：

<template>
  <view>
    <button @click="showDialog">点击打开对话框</button>
    <dialog :visible.sync="dialogVisible" title="表格">
      <scroll-view class="horizontal-scroll" scroll-x>
        <table slot="footer">
          <!-- 表格数据 -->
          <cell v-for="(item, index) in tableData" :key="index">
            <view>{{ item.column1 }}</view>
            <view>{{ item.column2 }}</view>
            <!-- 添加更多列... -->
          </cell>
        </table>
      </scroll-view>
    </dialog>
  </view>
</template>

然后，在相应的script部分设置数据和方法：

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      tableData: [
        // 假设这是你的表格数据，每一项包含column1和column2等字段
        { column1: '数据1', column2: '数据2' },
        // ...
      ]
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    }
  }
};
</script>

在这个例子中，当你点击“点击打开对话框”按钮，对话框会显示出来，表格的内容会在水平方向上滚动。