element ui表格输入框占据

Element UI中的表格组件（Table）默认提供了一个简单的展示数据的方式，如果你需要在其中添加输入框，可以利用Element UI提供的`el-form`和`el-table-column`结合使用。通常，你可以将`el-form-item`包裹在`el-table-column`中，这样每个单元格都会变成一个可编辑的输入框。例如：

<template>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="name"
      label="姓名">
      <template slot-scope="scope">
        <el-form-item>
          <el-input v-model="scope.row.name"></el-input>
        </el-form-item>
      </template>
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 25 },
        // ...
      ]
    };
  }
};
</script>

在这个例子中，`name`列会显示为一个输入框，用户可以直接修改。如果你想让整个行都可以编辑，可以考虑使用`editable`属性或者`form`表单的`inline`模式。