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