【v15】请问如何将筛选控件渲染到表头？

收藏

如图，我将图中“B”的位置，渲染为中文的列名称，如何将筛选控件设置到表头，而不是像图中这样新增一个table？

兰之 · 兰之

文档中并没有介绍渲染到header的方法
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/filters/basic-filter/purejs

夏莫听雨 · 夏莫听雨

本帖最后由夏莫听雨于 2024-4-9 16:33 编辑

试试这个代码
sheet.rowFilter(new GC.Spread.Sheets.Filter.HideRowFilter(new GC.Spread.Sheets.Range(-1, 1, 5, 4)));
sheet.getCell(0,1,1).text("自定义名称1")
sheet.getCell(0,2,1).text("自定义名称2")
sheet.getCell(0,3,1).text("自定义名称3")
sheet.getCell(0,4,1).text("自定义名称4")
image.png433426818.png

兰之 · 兰之

夏莫听雨发表于 2024-4-9 16:17
试试这个代码
sheet.rowFilter(new GC.Spread.Sheets.Filter.HideRowFilter(new GC.Spread.Sheets.Range(- ...

感谢，看您的图上确实是我想要的效果，不过我还有俩疑问
1. 假设我现在有ABCDE5列，只需要在ABC三列上设置筛选器，要怎么调整参数呢？
2. Range的参数是行/列/行数/列数你的示例中这几个参数都是什么含义呢？

夏莫听雨 · 夏莫听雨

兰之发表于 2024-4-9 16:22
感谢，看您的图上确实是我想要的效果，不过我还有俩疑问
1. 假设我现在有ABCDE5列，只需要在ABC三列上设 ...

问题1：参考如下代码
sheet.rowFilter(new GC.Spread.Sheets.Filter.HideRowFilter(new GC.Spread.Sheets.Range(-1, 1, 5, 3)));
问题2：range参数分别是行/列/行总数/列总数

兰之 · 兰之

夏莫听雨发表于 2024-4-9 16:17
试试这个代码
sheet.rowFilter(new GC.Spread.Sheets.Filter.HideRowFilter(new GC.Spread.Sheets.Range( ...

您中间的回复我有看到，实测可以实现，十分感谢

兰之 · 兰之

本帖最后由兰之于 2024-4-9 16:48 编辑

在上述代码实测期间，在使用v17的核心库时，会提示
https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/zh/purejs/node_modules/@grapecity-software/spread-sheets/dist/gc.spread.sheets.all.min.js

gc.spread.sheets.all.min.js:12 Uncaught TypeError: m.rn is not a function
image.png690232238.png