On click on grid's cell need to select only clicked cell, not entire row | Infragistics Forums

State See Verified Answer
Replies 3 replies
Subscribers 7 subscribers
Views 2228459 views
Users 0 members are here

igx-grid

30

On click on grid's cell need to select only clicked cell, not entire row

Andrew A posted over 4 years ago

On click on grid's cell the entire row of the grid (with clicked cell) is selected completely.

But I need to select only the clicked cell, row must be stay unselected. How to achieve this?

Here is my grid

<igx-grid igxPreventDocumentScroll #grid1 [data]="data"

[width]="'100%'" [height]="'100%'"

[autoGenerate]="false"

[displayDensity]="'cosy'"

[rowSelection]="'single'"

[columnHiding]="true"

[primaryKey]="'id'"

paste-handler (onDataProcessed)="dataPasted($event)"

(onFilteringDone)="filteringDone($event)"

(onSortingDone)="sortingDone($event)">

</igx-grid>

Top Replies

1560

Offline Teodosia Hristodorova posted over 4 years ago in reply to Andrew A +1 verified
Hello, By design selection feature provides either row or cell selection and the described behavior should be achieved manually, as in your approach...view reply »

Parents

No Data

Reply

1560

Offline Teodosia Hristodorova posted over 4 years ago

Hello,

Thank you for the provided code snippet. It helped me a lot.

My suggestion for achieving your requirement is setting the rowSelection to none

[rowSelection]="'none'"

Alternatively, you could remove it since none is the default value for the rowSelection input.

Here could be found a sample application that demonstrates this behavior. Please test it on your side and let me know if I may be of any further assistance.

Sincerely,
Teodosia Hristodorova
Associate Software Developer
Cancel
Reply

Cancel

Children

30

Offline Andrew A posted over 4 years ago in reply to Teodosia Hristodorova

Hello, Teodosia. Thanks for reply. I need [rowSelection]="'multiple", not even "single" - as mentioned in my question.
So far I have managed to achieve this goal only with adding of boolean flag for "cell-Selected" event in my js code and checking it in "onRowSelectionChange" handler.

<igx-grid

...

(onSelection)="onCellSelection($event)"
(onRowSelectionChange)="onRowSelectionChange($event)">
</igx-grid>

js code:
cellSelected : boolean = false;

public onCellSelection(event) {
this.cellSelected = true;
}

public onRowSelectionChange(event) {
if (this.cellSelected){
event.cancel = true;
this.cellSelected = false;
}
}

It looks quite ugly, of course. Would be nice to get the same result by adjustment of some grid settings.
Is it possible?
Cancel
Reply

Cancel