diff --git a/lib/content-services/src/lib/document-list/components/document-list.component.html b/lib/content-services/src/lib/document-list/components/document-list.component.html
index 7c5c4984e0..a831517e0e 100644
--- a/lib/content-services/src/lib/document-list/components/document-list.component.html
+++ b/lib/content-services/src/lib/document-list/components/document-list.component.html
@@ -33,7 +33,8 @@
     [enableDragRows]="enableDragRows"
     [dropListConnectedTo]="dropListConnectedTo"
     [dragBoundary]="dragBoundary"
-    [showDragIndicator]="showDragIndicator">
+    [showDragIndicator]="showDragIndicator"
+    [useWholeRowAsDragPreview]="useWholeRowAsDragPreview">
 
     <div *ngIf="headerFilters">
         <adf-filter-header
diff --git a/lib/content-services/src/lib/document-list/components/document-list.component.ts b/lib/content-services/src/lib/document-list/components/document-list.component.ts
index 7acfe8ead2..108ecff5c5 100644
--- a/lib/content-services/src/lib/document-list/components/document-list.component.ts
+++ b/lib/content-services/src/lib/document-list/components/document-list.component.ts
@@ -399,6 +399,9 @@ export class DocumentListComponent extends DataTableSchema implements OnInit, On
     @Input()
     showDragIndicator = true;
 
+    @Input()
+    useWholeRowAsDragPreview = true;
+
     /**
      * Indicates if the data is provided externally.
      * If true the component won't fetch data itself
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.html b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
index ae910411eb..80f10a9fe1 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.html
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.html
@@ -596,75 +596,77 @@
                             </div>
                         }
 
-                        <div *cdkDragPreview class="adf-datatable-row__dragging-preview">
-                            @for (col of getVisibleColumns(); track col.key) {
-                                @if (col.visibleInDragPreview) {
-                                    @if (!col.template) {
-                                        <div class="adf-datatable-cell-container">
-                                            @switch (data.getColumnType(row, col)) {
-                                                @case ('image') {
-                                                    <div class="adf-cell-value">
-                                                        @if (isIconValue(row, col)) {
-                                                            <mat-icon
-                                                                [attr.aria-label]="col.srTitle ? (col.srTitle | translate) : null"
-                                                                [attr.aria-hidden]="!asIconValue(row, col)"
-                                                                [adf-icon]="asIconValue(row, col)"
-                                                            />
-                                                        } @else {
-                                                            @if (row.isSelected && !multiselect) {
-                                                                <mat-icon class="adf-datatable-selected" svgIcon="selected" />
-                                                            } @else {
-                                                                <img
-                                                                    class="adf-datatable-center-img-ie"
-                                                                    [attr.aria-label]="
-                                                                        (data.getValue(row, col) | fileType) === 'disable'
-                                                                            ? ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate)
-                                                                            : ('ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT'
-                                                                              | translate
-                                                                                  : {
-                                                                                        type:
-                                                                                            'ADF-DATATABLE.FILE_TYPE.' +
-                                                                                                (data.getValue(row, col) | fileType | uppercase)
-                                                                                            | translate
-                                                                                    })
-                                                                    "
-                                                                    [attr.alt]="
-                                                                        (data.getValue(row, col) | fileType) === 'disable'
-                                                                            ? ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate)
-                                                                            : ('ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT'
-                                                                              | translate
-                                                                                  : {
-                                                                                        type:
-                                                                                            'ADF-DATATABLE.FILE_TYPE.' +
-                                                                                                (data.getValue(row, col) | fileType | uppercase)
-                                                                                            | translate
-                                                                                    })
-                                                                    "
-                                                                    src="{{ data.getValue(row, col) }}"
-                                                                    (error)="onImageLoadingError($event, row)"
+                        @if (!useWholeRowAsDragPreview) {
+                            <div *cdkDragPreview class="adf-datatable-row__dragging-preview">
+                                @for (col of getVisibleColumns(); track col.key) {
+                                    @if (col.visibleInDragPreview) {
+                                        @if (!col.template) {
+                                            <div class="adf-datatable-cell-container">
+                                                @switch (data.getColumnType(row, col)) {
+                                                    @case ('image') {
+                                                        <div class="adf-cell-value">
+                                                            @if (isIconValue(row, col)) {
+                                                                <mat-icon
+                                                                    [attr.aria-label]="col.srTitle ? (col.srTitle | translate) : null"
+                                                                    [attr.aria-hidden]="!asIconValue(row, col)"
+                                                                    [adf-icon]="asIconValue(row, col)"
                                                                 />
+                                                            } @else {
+                                                                @if (row.isSelected && !multiselect) {
+                                                                    <mat-icon class="adf-datatable-selected" svgIcon="selected" />
+                                                                } @else {
+                                                                    <img
+                                                                        class="adf-datatable-center-img-ie"
+                                                                        [attr.aria-label]="
+                                                                            (data.getValue(row, col) | fileType) === 'disable'
+                                                                                ? ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate)
+                                                                                : ('ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT'
+                                                                                  | translate
+                                                                                      : {
+                                                                                            type:
+                                                                                                'ADF-DATATABLE.FILE_TYPE.' +
+                                                                                                    (data.getValue(row, col) | fileType | uppercase)
+                                                                                                | translate
+                                                                                        })
+                                                                        "
+                                                                        [attr.alt]="
+                                                                            (data.getValue(row, col) | fileType) === 'disable'
+                                                                                ? ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate)
+                                                                                : ('ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT'
+                                                                                  | translate
+                                                                                      : {
+                                                                                            type:
+                                                                                                'ADF-DATATABLE.FILE_TYPE.' +
+                                                                                                    (data.getValue(row, col) | fileType | uppercase)
+                                                                                                | translate
+                                                                                        })
+                                                                        "
+                                                                        src="{{ data.getValue(row, col) }}"
+                                                                        (error)="onImageLoadingError($event, row)"
+                                                                    />
+                                                                }
                                                             }
-                                                        }
-                                                    </div>
+                                                        </div>
+                                                    }
                                                 }
-                                            }
-                                        </div>
-                                    } @else {
-                                        <div class="adf-datatable-cell-container">
-                                            <div class="adf-cell-value">
-                                                <ng-container
-                                                    [ngTemplateOutlet]="col.template"
-                                                    [ngTemplateOutletContext]="{
-                                                        $implicit: { data: data, row: row, col: col },
-                                                        value: data.getValue(row, col, resolverFn)
-                                                    }"
-                                                />
                                             </div>
-                                        </div>
+                                        } @else {
+                                            <div class="adf-datatable-cell-container">
+                                                <div class="adf-cell-value">
+                                                    <ng-container
+                                                        [ngTemplateOutlet]="col.template"
+                                                        [ngTemplateOutletContext]="{
+                                                            $implicit: { data: data, row: row, col: col },
+                                                            value: data.getValue(row, col, resolverFn)
+                                                        }"
+                                                    />
+                                                </div>
+                                            </div>
+                                        }
                                     }
                                 }
-                            }
-                        </div>
+                            </div>
+                        }
                     </adf-datatable-row>
                     @if (isEmpty()) {
                         <div role="row" class="adf-datatable-row">
diff --git a/lib/core/src/lib/datatable/components/datatable/datatable.component.ts b/lib/core/src/lib/datatable/components/datatable/datatable.component.ts
index 08406c0231..159059fc37 100644
--- a/lib/core/src/lib/datatable/components/datatable/datatable.component.ts
+++ b/lib/core/src/lib/datatable/components/datatable/datatable.component.ts
@@ -239,6 +239,9 @@ export class DataTableComponent implements OnInit, AfterContentInit, OnChanges,
     @Input()
     showDragIndicator = true;
 
+    @Input()
+    useWholeRowAsDragPreview = true;
+
     /** Emitted when the user clicks a row. */
     @Output()
     rowClick = new EventEmitter<DataRowEvent>();