02 2025 档案

摘要:使用 vxe-table 修改css默认样式,修改边框背景色,单元格默认高度详细说明 由于项目的需求,可能需要对默认的表格样式就行修改覆盖,但是又不想影响到原有的功能,这时候就可以通过自带的 css 变量来修改样式,非常简单就能修改。 通过 css 变量可以非常灵活的实现局部修改,当个表格修改、全局 阅读全文
posted @ 2025-02-21 11:18 可不简单 阅读(11) 评论(0) 推荐(0) 编辑
摘要:如果使用 vxe-grid 全配置式给单元格字段格式化内容,格式化下拉选项内容 公司的业务需求是自定义配置好的数据源,通过在列中配置好数据,全 json 方式直接返回给前端渲染,不需要写任何格式化方法。 官网:https://vxetable.cn npm install vxe-pc-ui@4.3 阅读全文
posted @ 2025-02-17 18:20 可不简单 阅读(11) 评论(0) 推荐(0) 编辑
摘要:vxe-grid 通过配置式给单元格字段格式化树结构数据,转换树结构节点 比如用户自定义配置好的数据源,通过在列中配置好数据,全 json 方式直接返回给前端渲染,不需要写任何格式化方法。 官网:https://vxetable.cn npm install vxe-pc-ui@4.3.90 vxe 阅读全文
posted @ 2025-02-17 18:20 可不简单 阅读(8) 评论(0) 推荐(0) 编辑
摘要:vxe-table 使用展开行的两种模式详解, vxe-table 4.11+ v3.13+展开内容支持两种方式,固定和内嵌,其中默认的固定模式是全功能的,内嵌模式不支持虚拟滚动。 官网:https://vxetable.cn 安装 npm install vxe-pc-ui@4.3.90 vxe- 阅读全文
posted @ 2025-02-16 13:51 可不简单 阅读(28) 评论(0) 推荐(0) 编辑
摘要:vxe-table 展开行的使用,子表复杂渲染,解决固定列与展开行重复渲染问题,需要注意最新版本才支持 官网:https://vxetable.cn 同时支持虚拟滚动和展开行与固定列、子表复杂渲染,需要注意最新版本才支持 使用 <template> <div> <vxe-grid v-bind="g 阅读全文
posted @ 2025-02-13 16:52 可不简单 阅读(36) 评论(0) 推荐(0) 编辑
摘要:vxe-table 使用树结构点击筛选,子节点筛选,启用树结构后会同时对每个层级的子节点进行筛选 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </templa 阅读全文
posted @ 2025-02-12 13:43 可不简单 阅读(23) 评论(0) 推荐(0) 编辑
摘要:vxe-table 使用树结构点击排序,子节点排序,启用树结构后会同时对每个层级的子节点进行排序 官网:https://vxetable.cn 效果 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </templa 阅读全文
posted @ 2025-02-11 16:21 可不简单 阅读(16) 评论(0) 推荐(0) 编辑
摘要:vxe-table 如何实现全部单元格都能拖拽调整列宽,表头和表体都支持拖拽 官网:https://vxetable.cn 效果 代码 通过 resizable-config.isAllColumnDrag 启用所有单元格允许拖拽调整列宽 <template> <div> <vxe-grid v-b 阅读全文
posted @ 2025-02-06 14:53 可不简单 阅读(37) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示