uniapp中如何横向表格输入

在uniapp中，可以使用u-table组件来实现横向表格输入。具体步骤如下：

1. 在需要添加表格的页面中引入u-table组件。

2. 在页面中创建一个数组，用来存储表格的数据。

3. 在u-table组件中设置表格的列数、数据等属性，同时通过v-for指令遍历数据数组，将数据渲染到表格中。

4. 可以使用u-input组件来实现表格单元格的输入功能，通过v-model指令将输入框的值绑定到数据数组中相应的位置。

以下是一个简单的示例代码：

<template>
  <view>
    <u-table :columns="columns" :data="tableData">
      <template v-for="(item, index) in columns" :slot="`column${index}`">
        <u-input v-model="tableData[index]" type="text"></u-input>
      </template>
    </u-table>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        columns: ['姓名', '年龄', '性别'],
        tableData: ['', '', '']
      }
    }
  }
</script>

在上述示例中，通过columns数组定义表格的列数和列名，通过tableData数组存储表格中的数据。同时，在u-table组件中使用v-for指令遍历columns数组，将每一列的列名渲染到表格中。在模板中使用v-for指令遍历columns数组，将每一个单元格的输入框渲染到表格中，并将输入框的值通过v-model指令绑定到tableData数组中相应的位置，从而实现表格的横向输入功能。