vxe table基本设置更改

会编程的咨询师

1. <vxe-toolbar :refresh="{query: refreshList}" :import="hasPermission('cs:csaaa:csaaaa:import')" :export="hasPermission('cs:csaaa:csaaaa:export')" print custom>

复制代码

表格右上角按钮显示：refresh 刷新按钮配置 import 导入按钮配置（需要设置 "import-config"）export 导出按钮配置（需要设置 "export-config"）print 打印按钮配置 custom 自定义列配置

<vxe-table
            border="full"  是否带有边框（full 完整 outer 外边框 inner 内边框 none 无边框
            auto-resize 自动监听父元素的变化去重新计算表格
            resizable （已废）可以在每列中设置，是否能拖动宽度

            :column-config="{ 列配置信息
              isHover: true 鼠标移动行时，高亮当前列标题
            }"


            height="auto" 高度自动铺满
            :loading="loading" 数据显示加载中
            size="small" 表格尺寸
            ref="csaaaaTable"
            show-header-overflow 表头内容过用省略号
            show-overflow 内容过长用省略号
            highlight-hover-row （已废）改如下：

            :row-config="{ 行配置信息
              isHover: true 鼠标移动行时，高亮当前行
            }"
            id="csaaaaTable"
            :custom-config="{storage: true}" 列宽状态保存本地，需要有id


            :print-config="{}" 打印配置项
            :import-config="{ 导入配置项
              importMethod: importMethod,
              types: ['csv', 'xls', 'xlsx'],
              remote: true}"
            :export-config="{}" 导出配置项
            @sort-change="sortChangeHandle" 排序触发动作
            :sort-config="{remote:true}" 排序配置项，是否使用服务端排序
            :data="dataList" 数据
            :checkbox-config="{}"> 复选框配置
            <vxe-column type="seq" width="40"></vxe-column> 序号
            <vxe-column type="checkbox"  width="40px"></vxe-column> 选项框

<vxe-column
        field="myid"  字段id
        sortable      排序
        width="100px" 列宽
        resizable     是否可用鼠标拖动
        title="编号"> 名称
      </vxe-column>
更多指令请访问：https://vxetable.cn/v3/#/table/api