Hi Ton,
Query: set the width of Drag row is equal with the grid's
width.
We have reviewed your query and are pleased to inform you
that we have found a solution that can help you set the width of the drag row
equal to the Grid's width. To achieve this, we recommend setting the drag row
style using the cloneElement property inside the rowDragStartHelper
event. We have prepared a code snippet that demonstrates how this can be
achieved. Please see below for the code snippet:
|
[index.js]
function
rowDragStartHelper(args) {
args.cloneElement.style.width = gridInstance.element.offsetWidth + 'px';
}
<GridComponent
ref={(g) => { gridInstance = g }}
dataSource={orderDetails}
allowRowDragAndDrop={true}
height="400"
selectionSettings={{
type: 'Multiple' }}
rowDragStartHelper={rowDragStartHelper}
>
|
|
[index.css]
.e-draganddrop
> table > tbody > tr > td{
width: fit-content !important;
}
.e-draganddrop
> table {
width: inherit !important;
}
|
We have also attached the sample for your reference.
Sample: https://stackblitz.com/edit/react-ypvgrr?file=index.css,index.js
If you have any further queries or concerns, please do not
hesitate to reach out to us.
Regards,
Santhosh I
