如何确保igGrid指定列始终处于首位,禁止其他列抢占?
让igGrid指定列始终保持在第一位置的解决办法
你的问题出在只限制了目标列不能移动,但没阻止其他列移到它前面。可以通过以下配置调整实现需求:
关键配置修改
在ColumnMoving特性中添加移动限制,指定check列为左侧边界,同时可根据需求限制其他列的固定权限:
修改后的完整配置
{ "primaryKey": "ID", "height": "70vh", "autoGenerateColumns": false, "requestType": "POST", "autoCommit": true, "dataSourceType": "json", "responseDataKey": "data", "showHeaders": true, "fixedHeaders": true, "enableHoverStyles": false, "features": [ { "name": "ColumnFixing", "fixingDirection": "left", "columnSettings": [ { "columnKey": "check", "allowFixing": false, "isFixed": true }, { "columnKey": "ID", "allowFixing": false, "isFixed": false }, // 如果不需要其他列被固定,可统一添加全局设置 { "columnKey": "*", "allowFixing": false } ] }, { "name": "ColumnMoving", "columnMovingDialogContainment": "window", "movingDialogWidth": 300, // 添加移动限制,禁止其他列移到check列左侧 "movingRestrictions": { "left": "check" }, "columnSettings": [ { "columnKey": "check", "allowMoving": false }, { "columnKey": "ID", "allowMoving": false } ] } ] }
配置说明
movingRestrictions: { left: "check" }:强制所有可移动列只能在check列的右侧调整位置,无法移到它左边,确保check列始终处于第一位置。columnKey: "*"全局设置:如果不需要其他列被固定到左侧,用通配符设置所有列的allowFixing为false,彻底避免其他列抢占左侧固定位。
内容的提问来源于stack exchange,提问作者Ricardo Afonso
相关产品推荐
相关产品推荐

