首页 > 其他分享 >vxe-table 实现行高拖拽功能

vxe-table 实现行高拖拽功能

时间:2025-01-15 22:12:46浏览次数:1  
标签:name title vxe age sex field table 行高

vxe-table 实现行高拖拽功能,需要注意更新到最新版本才支持该功能

官网:https://vxetable.cn

通过 row-config.resizable 和 row-resize 启用行高拖拽功能;
当需要多列允许触发行高拖拽时,通过 row-resize 指定任意列

<template>
  <div>
    <vxe-grid v-bind="gridOptions"></vxe-grid>
  </div>
</template>

<script>
export default {
  data () {
    const gridOptions = {
      border: true,
      rowConfig: {
        resizable: true
      },
      columns: [
        { type: 'seq', width: 70, rowResize: true },
        { field: 'name', title: 'Name' },
        { field: 'sex', title: 'Sex' },
        { field: 'age', title: 'Age' },
        { field: 'time', title: 'Time' },
        { field: 'address', title: 'Address' }
      ],
      data: [
        { id: 10001, name: 'Test1', role: 'Develop', sex: 'Man', age: 28, address: 'test abc' },
        { id: 10002, name: 'Test2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
        { id: 10003, name: 'Test3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
        { id: 10004, name: 'Test4', role: 'Designer', sex: 'Women', age: 24, address: 'Shanghai' }
      ]
    }
    return {
      gridOptions
    }
  }
}
</script>

https://gitee.com/x-extends/vxe-table

标签:name,title,vxe,age,sex,field,table,行高
From: https://www.cnblogs.com/qaz666/p/18673793

相关文章

  • 文本分割工具Text2Table
    Text2Table是我用VB.NET开发的文本切割工具,基于正则表达式。可以把一个字符串按照指定的分隔符,转换为多行多列。案例1:百家姓分割为4列。原始文本如下:赵、钱、孙、李、周、吴、郑、王、冯、陈、褚、卫、蒋、沈、韩、杨、朱、秦、尤、许、何、吕、施、张、孔、曹、严、华、金、魏......
  • 【零基础SD教程】2024最细自学Stable Diffusion全套教程!附 Sd 安装包,拿走不谢
    看:哈哈是不是很漂亮?但这些都不是真实存在的直接通过AI生成的美女达到如此逼真的地步是怎么做到的呢?那么接下来就是:学习生成小姐姐的正确姿势首先需要在你的电脑中安装一个「stable-diffusion」接下来就推荐几个大模型,以下均为个人根据SD软件出图的效......
  • AI绘画stable diffusion入门基础教程(非常详细),AI绘画入门到精通,收藏这一篇就够了!
    现在学习AI绘画的人越来越多,这是属于"生成式人工智能(AIGC)"的春天。4月初,第一批被AI取代的人已出现,据媒体报道,一家游戏公司的原画团队被大面积裁员;4月末,AI又悄悄将手"伸"向网店模特岗位,使用AI模特取代真人模特只需要多投喂数据集,例如采用loRa在stablediffusion上训练出一个......
  • 【AI绘画】Stable Diffusion实战(一):入门详细教程(环境安装,插件,参数,提示词)
    StableDiffusion是利用扩散模型进行图像生成的产品,可以支持text2image、image2image。并且由于“论文公开+代码开源”,其用户群体远大于其他AI图像生成产品,之后小编会连续更新一些关于AI绘画的干货教程**目标:**了解入门StableDiffusion相关背景,环境安装,插件,文生图参数......
  • Stable Diffusion基础操作教程(保姆喂饭级)爷爷都能学会(一)
    有需要stablediffusion整合包以及提示词插件,可以扫描下方,免费获取1.StableDiffusion是什么?StableDiffusion是⼀款基于⼈⼯智能技术开发的绘画软件,它可以帮助艺术家和设计师快速创建⾼品质的数字艺术作品。该软件使⽤了⼀种称为GAN(⽣成对抗⽹络)的深度学习模型,该模型......
  • 使用VoyageAI进行高效文本嵌入与重新排序
    在自然语言处理(NLP)任务中,文本嵌入和重新排序是两项关键技术。VoyageAI提供了针对特定领域和公司的定制化嵌入模型,以提高检索质量。本文将详细讲解如何使用VoyageAI进行文本嵌入和重新排序。技术背景介绍文本嵌入是一种将文本转换为数值向量的方法,使其能够在机器学习模型......
  • Python 进行高效数据抓取
    第一招:使用requests库进行HTTP请求requests库是Python中处理HTTP请求的神器,它让发送请求变得异常简单。importrequests#发送GET请求response=requests.get('https://api.example.com/data')#检查请求是否成功ifresponse.status_code==200:print......
  • Stable Diffusion基础介绍
    前言❝在人工智能生成内容(AIGC)领域,StableDiffusion是一个具有里程碑意义的创新技术,它重新定义了如何通过AI生成高质量图像。该技术通过其独特的扩散模型,不仅在技术层面上取得了重要突破,更是在广告、游戏开发、医学影像等多个行业中得到了广泛的实际应用。作为一名深耕AI......
  • 巧用VTable打造炫酷金字塔图表
    在数据分析和可视化领域,表格是展示数据直观、有效的方式之一。今天,就让我们来探索如何利用VTable这个强大的表格组件,制作出既美观又富有信息量的金字塔图表,以及深入了解VTable中各种单元格类型的使用方法,让你的表格也能“绘”出精彩图表!用VTable实现人口金字塔 人口金字塔是......
  • StableDiffusion筑梦工业愿景蔚蓝XL模型:时尚与科技的完美结合,尖端科技穿戴,精美壁纸级
    筑梦工业|愿景蔚蓝XL模型愿景蔚蓝XL模型简介今天介绍一款高质量的时尚与科技装备模型:筑梦工业|愿景蔚蓝XL,这是一款以追求极致时尚美学同时兼具最新科技武器设定的SDXLLoRA绘图模型。能够生成新一代眼镜/目镜/面罩/面具的模型,拥有大胆的色彩以及前沿的时尚审美。......