如何实现SpreadJS 的切片器设置

2026-02-25 07:24:29

1、切片器拥有以下多种属性来满足你的不同需求，它们是：

 disableResizingAndMoving：当 'disableResizingAndMoving' 为 true

时, 无法通过鼠标来改变切片器位置和大小，但是切片器依然可以通过鼠标来

筛选数据。

 isLocked: 当表单未被保护时，切片器的 'isLocked'属性不起作用。当表单

被保护时并且切片器 'isLocked' 为 true 时，切片器无法被鼠标选中，此时，切片器也不能通过鼠标来筛选数据。

 fixPosition: 当 'fixPosition' 为 true 时，切片器的位置不会因为滚动，行列可见性，行列高宽改变，行列移动等改变自己的位置。

 sortState: 表明切片器中数据排序的状态。类型为 GC.Spread.Sheets.SortState。默认值为GC.Spread.Sheets.SortState.ascending。

2、dynamicMove and dynamicSize: 当表单的行列宽度改变时，切片器的位

置行为会因这两个属性不同而不同。

 随着单元格移动及改变大小： 'dynamicMove' 为 true 并且'dynamicSize' 为 true。

 随着单元格移动但不改变大小： dynamicMove' 为 true 并且'dynamicSize' 为 false。

 不随着单元格移动且不改变大小： 'dynamicMove' 为 false 并且'dynamicSize' 为 false。

 style: Spread.Sheets 支持14 种内置切片器样式。你可以使用这些内置样式

来改变切片器的外观：

slicer.style(GC.Spread.Sheets.Slicers.SlicerStyles.dark3());

切片器默认样式是GC.Spread.Sheets.Slicers.SlicerStyles.light1().

3、效果展示

如何实现SpreadJS 的切片器设置