vxeTable行内设置滚动代码示例

以下是一个 vxeTable 行内设置滚动的代码示例：

<template>
  <div>
    <vxe-table :data="tableData" border resizable :scroll-x="{ x: '100%' }" :scroll-y="{ y: '300px' }">
      <vxe-table-column type="index" width="60"></vxe-table-column>
      <vxe-table-column field="name" title="姓名" width="100"></vxe-table-column>
      <vxe-table-column field="age" title="年龄" width="100"></vxe-table-column>
      <vxe-table-column field="address" title="地址" width="200"></vxe-table-column>
      <vxe-table-column field="phone" title="电话" width="150"></vxe-table-column>
      <vxe-table-column field="email" title="邮箱" width="200"></vxe-table-column>
      <vxe-table-column field="remark" title="备注"></vxe-table-column>
    </vxe-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, address: '北京市朝阳区', phone: '13888888888', email: 'zhangsan@qq.com', remark: '这是张三的备注' },
        { name: '李四', age: 22, address: '上海市浦东新区', phone: '13999999999', email: 'lisi@qq.com', remark: '这是李四的备注' },
        { name: '王五', age: 30, address: '广州市天河区', phone: '13666666666', email: 'wangwu@qq.com', remark: '这是王五的备注' },
        { name: '赵六', age: 25, address: '深圳市南山区', phone: '13777777777', email: 'zhaoliu@qq.com', remark: '这是赵六的备注' },
        { name: '钱七', age: 28, address: '杭州市西湖区', phone: '13555555555', email: 'qianqi@qq.com', remark: '这是钱七的备注' },
        { name: '孙八', age: 20, address: '南京市鼓楼区', phone: '13111111111', email: 'sunba@qq.com', remark: '这是孙八的备注' }
      ]
    }
  }
}
</script>

希望能对您有所帮助！