Skip to content

XEditTable

基础的XEditTable的展示用法。

基本用法

暂无数据
<template>
  <div>
    <XEditTable v-model="data" :option="option" />
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import type { EditTableOption } from 'cjx-low-code'

const data = ref([])

const option = ref<EditTableOption>({
  sortable: false,
  addBtn: true,
  delBtn: true,
  copyBtn: true,
  column: [
    {
      label: '姓名',
      prop: 'name',
      type: 'input',
    },
    {
      label: '年龄',
      prop: 'age',
      type: 'inputNumber',
    },
    {
      label: '性别',
      prop: 'sex',
      type: 'select',
      dicData: [
        {
          label: '男',
          value: '1'
        },
        {
          label: '女',
          value: '2'
        }
      ]
    }
  ]
})

</script>