I am sorry, I don't have knowledge of CDT.
But if it provides the API to do CRUD and if the data service could prepare properly, it supposed to work.

Hello Shobhana,
Thank you for contacting us.

The toolbar is laid out by flex style.
So you have to change the style as flex like this example.

:host::ng-deep {
  .igx-grid-toolbar {
    justify-content: start;
    padding: 0 1em;
  }
}

https://stackblitz.com/edit/align-left-toolbar?file=src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.scss

Sincerely,
Motoki

Hello Shobhana,

Thanks for contacting us.

In order to save and restore the cell selection state, to use the IgxGridState is the easier way.
http://www.infragistics.com/…/state-persistence
Please read this article and check the behavior of DEMO.
You can save/restore the cell selection by clicking the button in the DEMO.
And then please change these timing to before/after the page refresh on your application.

Sincerely,
Motoki.

Hello Shobnana
I am not sure what is the difference between our situations.
Could you consider providing us a sample for reproducing this issue?

Thanks in advance.

Hello Shobhana

Thank you for your post.

I made a sample to delete for a specific row.
https://stackblitz.com/edit/igx-grid-delete-row-cdr?file=src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts
This sample seems to process proper data.
Do you use another way to delete the row?

I used the deleteRow method.
https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#deleterow

Sincerely,
Motoki

Thank you for confirming.

I tried to change the state of the cell to unclickable by clicking.
But it is not working fine.

OnCellClick is emitting after clicked, so we can not cancel it.
I tried to add the style to prevent the click, it is not working fine either.

Therefore, could you describe what do you want to achieve via changing to cell unclickable?
If I could know it, I may be able to suggest any other way to do it.

Hello Shobhana,
Thanks for posting to our forum.

Judging from the above question, you want not to close the row if it has already expanded?
If so, you can use an expanded accessor to check the state of the row.
https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridrowcomponent.html#expanded

I duplicated the sample that we provided before, and update it.
https://stackblitz.com/edit/github-qsppcl-gdysn4?file=src/app/grid/grid-master-detail/grid-master-detail.component.ts

Please check the behavior and let me know if you have any questions.

Sincerely,
Motoki