程序员经验分享-hwhale

【vxe-table】自定义表头列是否可以排序

2023-05-16

vxe-table真是让人又爱又恨，官网示例还有文档都很详细，但是可能是用的人少，每次遇到问题，都百度不到啥解决方法，不像el-table,全是方法

今天给我提了个bug，vxe-table要支持指定列排序，意思就是根据某个字段的状态，符合状态的列可以排序，不符合的不允许排序

vxe-table封装成组件了

在这里插入图片描述
vxe-table和el-table有个很大的区别，就是vex-table有很多的配置项，圈起来的sort-config就是排序配置项
在这里插入图片描述
我一开始的思路有点问题，我想着把这个showIcon改为false，是不是能解决，答案是不能，它控制的是一整个表头的排序图标是否显示或隐藏，这里卡了一下，然后翻看示例，发现column上有个sortable

在这里插入图片描述

Role列没有sortable，所以没有排序的图标，嗯，对，就是它了
在这里插入图片描述

  filters: {
    // 是否显示排序
    isShowSort(v) {
      let str = ''  
      if (v.sort == '1') {
        str = false
      } else {
        str = true
      }
      return str
    },

  },

如果不是封装成组件，直接通过sortable控制就行

效果：
在这里插入图片描述
圈起来的没排序图标，点击当前表头区域也不会触发对应事件，ok，结束！

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vxe

table

自定义表头列是否可以排序

【vxe-table】自定义表头列是否可以排序 的相关文章

  • db2按时间戳或日期条件查询

    我一同事写的 记录一下 substr char timestamp 1 10 date timestamp是表中timestamp字段 date 是条件值 select from table where substr char timest

  • 《程序员》2008年第1期"算法擂台" - Cantor表解答

    Name Cantor Table Author blackboy S N P Date 08 01 08 23 08 Description Coded by Dev C 4 9 9 2 include lt stdio h gt inc

  • bin和elf文件(ARM) 五

    原文地址 http www iteye com topic 1121480 近段时间在研究Erlang核心特性的实现 也许过段时间会有个系列的总结 期待 今天看到有人写一个深入Hello World的文章 想起来读研的时候做的一个关于程序加

  • mysql的一些操作

    修改mysql的字符集 在安装mysql5 0时可以设置好mysql的字符集 一般使用utf8的字符集 1 查看建立表 tablename 的sql语句 Show create table tablename 查看建立表 tablename

  • [SQL]经典的sql语句

    一 基础 1 说明 创建数据库 CREATE DATABASE database name 2 说明 删除数据库 drop database dbname 3 说明 备份sql server 创建 备份数据的 device USE mast

  • 跨库的触发器

    CREATE TRIGGER addtomsgdown ON dbo TABLE1 FOR INSERTASdeclare usernumber as varchar 11 declare messagecontent as varchar

  • Oracle中没有 if exists(...)

    对于Oracle中没有 if exists 的语法 目前有许多种解决方法 这里先分析常用的三种 推荐使用最后一种 第一种是最常用的 判断count 的值是否为零 如下 declare v cnt number begin select co

  • table中嵌套多层table

    因工作业务需求 需要展示一个多层嵌套的数据结构 现整理如下 分享给需要的朋友 应用框架vue2 初始的数据结构如下 new Vue el table1 data table1 order ex 20171006 table2 kind 苹果

  • XSL-FO 高级技术4

    概述 第 1 页 共7 页 既然您已经了解了定义打印页面外观的基本元素 现在让我们研究其它 XSL FO 元素 这些元素可以使 PDF 文档看上去更专业 本章将讨论下列主题 定义多页布局 添加页眉和页脚 对页面编号 用 Page x of

  • 数据控制类别（CC1和CC2）——DO-178B/ED-12B学习笔记之七

    数据控制类别 CC1和CC2 DO 178B ED 12B学习笔记之七 为了理解数据控制类别 CC1和CC2 的定义 先看DO 178B的7 3条 原文 Software life cycle data can be assigned to

  • VB mschart控件的使用

    一 先看个小例子 Private Sub Form Load Dim MyData 20 1 As Double x轴坐标值 Y轴坐标值 MyData 0 0 0 MyData 0 1 180 本句代表了 第一点数据的X轴坐标为0 Y轴坐标

  • element-ui表格组件el-table实现行编辑与新增功能

    element前端ui组件挺美观的 我们也使用了他们的table组件 但是默认没有提供行编辑功能 我们可以通过将table的每个单元格换成input框来巧妙实现 默认每个单元格就是一个template数据填充 不可编辑 我们可以在templ

  • qt学习笔记（八）之深入QSqlQuery

    在上一节中 我们直接调用QSqlQuery exec 对数据库进行增删改查等简单操作 在项目开发中 为了实现系统的低耦合 我们就必须封装出一个数据库功能模块 一 prepare 首先创建一个头文件 attend db h 初始化数据库操作

  • 普通视图和物化视图的区别

    物化视图是一种特殊的物理表 物化 Materialized 视图是相对普通视图而言的 普通视图是虚拟表 应用的局限性大 任何对视图的查询 Oracle都实际上转换为视图SQL语句的查询 这样对整体查询性能的提高 并没有实质上的好处 1 物化

  • oracle表连接深入浅出

    author skate time 2010 08 20 表的连接 表的连接是指在一个SQL语句中通过表与表之间的关联 从一个或多个表检索出相关的数据 如果一个SQL语句的关联表超过两个 那么连接的顺序如何呢 ORACLE首先连接其中的两个

  • 查询SQL表占用空间（sp_spaceused 表名)

    create table tablespaceinfo 狦 nameinfo varchar 50 rowsinfo int reserved varchar 20 datainfo varchar 20 index size varcha

  • UISearchBar 和 UISearchDisplayController的使用

    之前比較少用UISearchBar 和 UISearchDisplayController 最近閱讀了一些有關資料 簡單做個筆記 1 UISearchBar 和 UISearchDisplayController 在IB中是可以直接使用的

  • vue+antD 表格中使用input

    vue antD 表格中使用input 在这里插入代码片

  • 具有不同颜色单元格的JTable

    最近在实现操作系统分页式存储管理演示程序时实现了设置JTable对象单元格不同颜色效果 在网上也有这方面的一些提问和讨论 但很多论坛内都没有很好的解释或完整的程序 因此将这段程序贴出来 供大家学习和指正 在本例中 每个单元格的颜色随机生成

  • sql ntext數據類型字符替換

    ntext數據類型字符替換 2011 08 21 塗聚文 create table tt sid INT IDENTITY 1 1 cont ntext go insert into tt cont values N fd sad fdsa

随机推荐

热门标签