GridManager表格组件实现过滤功能

GridManager表格组件提供了一种在表头增加过滤项的功能,以提高数据处理效率。过滤功能通过配置columnData和filter实现。columnData是定义表格列配置的数组,而filter则是列配置中的关键项,用于添加过滤选项。filter的option参数是筛选条件列表,selected表示选中项,isMultiple则控制是否为多选。用户可以通过示例代码进行在线调试和查看源码。
摘要由CSDN通过智能技术生成

效果展示

在表头中增加过滤项是很多产品经理特别钟意的交互,据说是可以提升打野怪的效率。

如何配置

过滤功能在GridManager中被归类于列配置项,所以该功能需要操作关建配置项columnData中的filter

columnData的使用

在使用filter之前需要先对GridManager的核心配置项columnData有一定的了解。

columnData用于定义表格列配置参数,为数组类型。每一个数组元素对应一个表格列, 通过该参数对表格列进行配置。基础使用方式示例,点击可在线进行调试:

document.querySelector('#table-demo-baseCode').GM({
   
    gridManagerName: 'demo-baseCode',
    ajaxData: 'https://www.lovejavascript.com/learnLinkManager/getLearnLinkList',
    ajaxType: 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值