Ag-网格行拖动（约束到网格/防止拖出网格区域）

Question

ag-grid 文档中的所有行拖动示例都会阻止行被拖出网格区域。 https://www.ag-grid.com/javascript-grid-row-dragging/

我也想完成这个。但是，在我自己的项目中，可以将行拖动到页面上的任何位置。

我是否缺少启用此约束的设置等？

Answer 1

尝试这些设置来禁用拖动

var columnDefs = [
  {
    field: 'athlete',
    suppressMovable: true,
    width: 150,
    cellClass: 'suppress-movable-col',
  },
  { field: 'age', lockPosition: true, cellClass: 'locked-col' },
  { field: 'country', width: 150 },
  { field: 'year' },
];

Answer 2

您可以使用以下属性来锁定拖放行为：lockPosition和suppressMovable: true。

columnDefs: [
   {
      field: 'athlete',
      suppressMovable: true,
      cellClass: 'suppress-movable-col',
   },
   { field: 'age', lockPosition: 'left', cellClass: 'locked-col' },
   { field: 'country' },
   { field: 'year' },
   { field: 'total', lockPosition: 'right', cellClass: 'locked-col' },
   ],
    defaultColDef: {
    flex: 1,
    lockPinned: true, // Dont allow pinning for this example
  },
  suppressDragLeaveHidesColumns: true,
};

plunker 中的样品 在此输入链接描述