Hi Vigneshwar Kundarapu,

Please use a hidden accessor to change the hidden setting for the column.
http://www.infragistics.com/…/igxcolumncomponent.html

This is a sample.
https://codesandbox.io/s/busy-dawn-qesm7?file=/src/app/grid/grid-editing-events/grid-editing-events.component.html

Sincerely,
Motoki

Hi Vigneshwar Kundarapu,
It will be helpful for us to resolve your issue if you could provide more detail like your using Angular version or sample application.

Anyway, I made the sample application including column having a row deleting function.
codesandbox.io/…/busy-dawn-qesm7

Can this application reproduce your issue?
Please compare the code between this sample and yours.

Sincerely,
Motoki

Hello Shobhana,
Thanks for creating the topic.

I forked and edited your sample.
https://stackblitz.com/edit/angular-grid-add-multi-rows-zitqle

In this sample, the add row button clicking event also adds a class to the container element. Then hide a button by stylesheet.

Please check this sample and let me know if you have any questions.
Sincerely,
Motoki

Hi  Shobhana Suara,
In conclusion, you need to add a class to the header cell and body cell.

* using headerClasses and cellClasses

And add a style in your scss.

::ng-deep {
  .reverseRow {
    flex-direction: row-reverse;
    text-align: left;
    .igx-grid__th-icons {
      flex-direction: row-reverse;
    }
  }
  .flexStart {
    justify-content: start;
  }
}

Here is a sample project.
7563.datagrid-alignment-issue-bepjny

Best regards,

If you want to change align to body cell, you can use "cellClasses".

https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxcolumncomponent.html#cellclasses

I fixed our sample, please check it out.

stackblitz.com/…/datagrid-alignment-issue-bepjny 

Sure, You can add "text-align" style like this.

::ng-deep {
  .reverseRow {
    flex-direction: row-reverse;
    text-align: left;
    .igx-grid__th-icons {
      flex-direction: row-reverse;
    }
  }
}

Hello Shobhana Suara,
Thanks for giving me the sample URL then I understood. 

I added a "headerClasses" to target igx-column and some styles.

https://stackblitz.com/edit/datagrid-alignment-issue-bepjny

You can implement it using below.

::ng-deep {
  .reverseRow {
    flex-direction: row-reverse;
    .igx-grid__th-icons {
      flex-direction: row-reverse;
    }
  }
}

please let me know if the problem persists. Thanks