表格控件SpreadJS自定义列头排序单元格

2026-02-25 04:52:35

1、定义SortHearderCellType,继承ColumnHeaderCellType

表格控件SpreadJS自定义列头排序单元格

2、获取用户点击

在用户点击Header右侧时相应,并将排序状态存储在HeaderCell的Tag中。然后使用sortRange方法对sheet中数据进行排序。如果需要设置只对一列排序,可以在这里更改。

表格控件SpreadJS自定义列头排序单元格

3、绘制排序箭头

从tag中获取点击排序状态,根据状态绘制排序三角。

表格控件SpreadJS自定义列头排序单元格

4、设置Header

只需要使用setCellType方法设置新建SortHearderCellType到您想要的列即可。

sheet.setCellType(0, 2, new SortHearderCellType(), spreadNS.SheetArea.colHeader);

猜你喜欢