[{"insert":"1.操作\n点击表头右键可对该表格以新的列规格排序\n"},{"attributes":{"width":"453"},"insert":{"image":"R10580997-9c434d3a237a991a6eaedf8b896780c3_41093_788_431.png"}},{"insert":"\n选中表格某单元格后可点击右边的各类冻结按钮,对该单元格所在行或列进行冻结;\n"},{"attributes":{"width":"512"},"insert":{"image":"R10580997-e58e55cdea412ad0682ebda24f536c86_169314_1920_902.png"}},{"insert":"\n2.实现方法\n交替行显示:\n"},{"insert":{"image":"R10580997-d4a8bc9cf7012d84c22c31057b95d08d_2472_224_83.png"}},{"attributes":{"width":"351"},"insert":{"image":"R10580997-d7399224f6137180cf4d87b3e376c7c1_28453_434_221.png"}},{"insert":"\n将文本置于行下,通过表格行号控制交替行的背景颜色;\n\n列排序:\n"},{"attributes":{"width":"447"},"insert":{"image":"R10580997-59d08c56ef161890d043679f3f0b8934_135713_729_486.png"}},{"insert":"\n监听表头右键点击事件,当右键点击时,设置全局变量window.headIndex为列号,并显示排序菜单。\n当选中某一种排序方式后,通过window.headIndex对该列按排序方式进行排序。\n"},{"attributes":{"width":"543"},"insert":{"image":"R10580997-e414dd12d928270936064bf9592db445_81540_796_359.png"}},{"insert":"\n\n冻结行列:\n监听单元格点击事件,设置全局变量window.rowIndex和window.cellIndex分别为单元格所在行和列。\n"},{"attributes":{"width":"361"},"insert":{"image":"R10580997-6817d4ef157047f0a78e0f12395fa4bf_117716_632_421.png"}},{"insert":"\n通过设置选中单元格的position属性为sticky以及设置top、bottom、left、right可以使行固定在上或下方,使列固定在左或右方。其中,top设置为30px表示表头的高度,使行固定在表头下方。\n"},{"attributes":{"width":"253"},"insert":{"image":"R10580997-900f3f09ddfc3cf520b8c7d227551076_88415_452_475.png"}},{"insert":"\n取消冻结只需将上述样式清除即可。\n"}]
[{"insert":"为表格控件增加冻结列、排序列、交替行显示的功能可以吗?\n"}]
实现表格的交替行不同背景显示,列排序以及冻结行列功能。
R10580997-f8a40c72aa71df93b8edd44c64a022c8_172022_1920_902.png
https://filec4c57138e191.v4.h5sys.cn/play/3M8vcZAa