v17spreadjs表格头部单元格自定义排序

收藏

求问，v17spreadjs表格列排序功能可以从筛选框里拿出来吗？比如放在表格头部，如图所示。感谢感谢！

Wilson.Zhang · Wilson.Zhang

您好！我们调研了下，原生不支持将这两个排序指示从筛选框内拿出去，但是您可以尝试自定义实现，给您提供如下思路：
1. 在Table表头单元格设置标识升序或降序的图标。
2. 点击排序图标时，调用筛选器的HideRowFilter:sortColumn方法实现排序。

您可以参考官网API文档了解详情：
HideRowFilter:sortColumn()--https://demo.grapecity.com.cn/sp ... owFilter#sortcolumn

hhh2024 · hhh2024

Wilson.Zhang 发表于 2024-8-30 11:26
您好！我们调研了下，原生不支持将这两个排序指示从筛选框内拿出去，但是您可以尝试自定义实现，给您提供如 ...

好的，在table表头单元格设置升序、降序有demo或文档参考吗，感谢！

Wilson.Zhang · Wilson.Zhang

hhh2024 发表于 2024-8-30 14:43
好的，在table表头单元格设置升序、降序有demo或文档参考吗，感谢！

您可以参考在2楼给您提供的API文档了解详情，具体地步骤是：
1. 通过Table:rowFilter()获取Table上的筛选器HideRowFilter实例。
2. 通过HideRowFilter:sortColumn()对指定列进行升序或降序排序。

可参考如下代码，即上述方案的实现代码：

// 获取Table
let table = sheet.tables.all()[0];
// 获取HideRowFilter实例，即Table的筛选器
let rowFilter = table.rowFilter();
// 对Table中的第0列执行降序排序
rowFilter.sortColumn(0, false);

复制代码

请参考官网API文档了解详情：
Table:rowFilter()--https://demo.grapecity.com.cn/sp ... les.Table#rowfilter
HideRowFilter:sortColumn()--https://demo.grapecity.com.cn/sp ... owFilter#sortcolumn

		自动登录	找回密码
密码			立即注册

[处理中] v17spreadjs表格头部单元格自定义排序

3 个回复