Hi,

In the above mentioned sample when we add the drag and drop functionality to the grid ([rowDraggable]="true"), 

After selecting the multiple rows as we click on drag icon to drag the rows only the drag icon selected row is selected and other rows that were selected gets deselected.

Is this the side effect of implementing the pointer and mouse over events by disabling the row selection

and is there any event for click and mouse over?

Thanks,

Manikanta Vundavalli

Hello,

In the below Sample where we are using custom filtering by default all the rows are expanded. If I collapse all the rows and filter the first column for two rows and after filtering done the rows are all collapsed.

In my scenario after filtering the rows should be collapsed. 

When I debug through the igniteui-angular script file I found that in the IgxTreeGridFilteringPipe class has expandAllRecursive function where we're actually setting expandedStates.set(rec.rowID, true); the row expand state to be true. Is there any way to override it from the code?

filteringSample

Thanks,

Manikanta Vundavalli

Hello Riva,

And I have the below scenario.

Consider I have three rows and in one of the row for one column I should not display the dropdown based on some condition and I have the below template where if the condition is true I'm displaying the select drop down and else in other case it has to just display the value of the column and when we do a double click on that column nothing should happen.

But in my case when I do a double click the value is hiding and then when I select another cell or row then the value is getting displayed.

<igx-column field="number" [cellStyles]="colStyles" headerClasses="grid-header-format" width="6.4%"

            [header]="'Test'" [resizable]="true" [editable]="true" [sortable]="'true'">

            <ng-template  igxCellEditor let-cell="cell">

             

<ng-template igxCellEditor let-cell="cell">

              <div *ngIf="!isRejectButtonDisabled;" else elseBlock>

                <select [(ngModel)]="cell.value" (change)="onChange($event.target.value, cell)" class="selectDrpDwn">

                  <option [value]="item" *ngFor="let item of items">

                      {{item}}

                  </option>

                </select>

            </div>

              <div #elseBlock>{{cell.value}}</div>

            </ng-template>

        </igx-column>

May I know what I'm doing wrong in here.

Thanks,

Manikanta Vundavalli

Hello Riva,

This is the accurate demonstration of what I'm trying to achieve and Thank you very much for the help.

Thanks,

Manikanta Vundavalli

Hello Viktor,

I found it very helpful as Creating a Loop in the scroll grid function made scrolling much easier for my scenario.

Thank you Once again!

Regards,

Mani

Hello Viktor,

Even from the sample you provided the scroll is not freely moving.

If we drag the row to the bottom of the page and hold the mouse without moving and not leaving the dragged item the scroll is not smooth and some kind of mouse movement is required in order to achieve the scroll.

Can you please verify that and let me know? Meanwhile I will try to get you a sample from my side.

Thank you,

Mani

Hello,

Thank you for the reply. The solution is working fine.

Thanks,

Mani