纯前端表格控件：SpreadJS
切片器拥有以下多种属性来满足你的不同需求，它们是： disableResizingAndMoving：当 'disableResizingAndMoving' 为 true时, 无法通过鼠标来改变切片器位置和大小，但是切片器依然可以通过鼠标来筛选数据。 isLocked: 当表单未被保护时， 切片器的 'isLocked'属性不起作用。当表单被保护时并且切片器 'isLocked' 为 true 时，切片器无法被鼠标选中，此时，切片器也不能通过鼠标来筛选数据。 fixPosition: 当 'fixPosition' 为 true 时，切片器的位置不会因为滚动，行列可见性，行列高宽改变，行列移动等改变自己的位置。 sortState: 表明切片器中数据排序的状态。类型为 GC.Spread.Sheets.SortState。默认值为GC.Spread.Sheets.SortState.ascending。
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().
效果展示