diff --git a/examples/example-drag-row-between-grids.html b/examples/example-drag-row-between-grids.html index e19f85ed..d2b5d809 100644 --- a/examples/example-drag-row-between-grids.html +++ b/examples/example-drag-row-between-grids.html @@ -109,7 +109,8 @@

View Source:

behavior: "selectAndMove", selectable: false, resizable: false, - cssClass: "cell-drag-cross-grid dnd sgi sgi-drag sgi-14px", + cssClass: "cell-drag-cross-grid dnd", + formatter: () => `` }, { id: "name", diff --git a/examples/example-frozen-row-reordering.html b/examples/example-frozen-row-reordering.html index 03b52ab1..7a4d9ad8 100644 --- a/examples/example-frozen-row-reordering.html +++ b/examples/example-frozen-row-reordering.html @@ -113,7 +113,8 @@

behavior: "selectAndMove", selectable: false, resizable: false, - cssClass: "cell-reorder dnd sgi sgi-drag sgi-14px", + cssClass: "cell-reorder dnd", + formatter: () => `` }, { id: "name", diff --git a/examples/example9-row-reordering-simple.html b/examples/example9-row-reordering-simple.html index c565d836..4ddac60b 100644 --- a/examples/example9-row-reordering-simple.html +++ b/examples/example9-row-reordering-simple.html @@ -66,7 +66,8 @@

View Source:

behavior: "selectAndMove", selectable: false, resizable: false, - cssClass: "slickgrid-cell-reorder sgi sgi-drag sgi-14px" + cssClass: "slickgrid-cell-reorder", + formatter: () => `` }, { id: "name", diff --git a/examples/example9-row-reordering.html b/examples/example9-row-reordering.html index b57d209b..007ad79f 100644 --- a/examples/example9-row-reordering.html +++ b/examples/example9-row-reordering.html @@ -113,7 +113,8 @@

View Source:

behavior: "selectAndMove", selectable: false, resizable: false, - cssClass: "cell-reorder dnd sgi sgi-drag sgi-14px" + cssClass: "cell-reorder dnd", + formatter: () => `` }, { id: "name", diff --git a/src/models/rowMoveManagerOption.interface.ts b/src/models/rowMoveManagerOption.interface.ts index daead249..5750396b 100644 --- a/src/models/rowMoveManagerOption.interface.ts +++ b/src/models/rowMoveManagerOption.interface.ts @@ -21,6 +21,9 @@ export interface RowMoveManagerOption { /** A CSS class to be added to the div of the cell formatter. */ cssClass?: string; + /** A CSS class to be added to the cell container. */ + containerCssClass?: string; + /** Column definition id(defaults to "_move") */ columnId?: string; diff --git a/src/plugins/slick.rowmovemanager.ts b/src/plugins/slick.rowmovemanager.ts index c68a18bd..5365a398 100644 --- a/src/plugins/slick.rowmovemanager.ts +++ b/src/plugins/slick.rowmovemanager.ts @@ -9,6 +9,7 @@ const Utils = IIFE_ONLY ? Slick.Utils : Utils_; /** * Row Move Manager options: + * containerCssClass: A CSS class to be added to the cell container. * cssClass: A CSS class to be added to the div of the cell formatter. * columnId: Column definition id (defaults to "_move") * cancelEditOnDrag: Do we want to cancel any Editing while dragging a row (defaults to false)