The display container of the header row spans further than the parent container when having row selection/expanding

[mddragnev]

Description

Having row selection and/or expanding causes the display container of the headers to exceed the width of the header row itself.

• igniteui-angular version:
• browser:

Steps to reproduce

1. Open any hierachical grid sample and add row selection
2. Add with 100%

Result

See that the width of the display container is the same as the width of the header row resulting in exceeding the grid width (because of row selectors and expanders)

Expected result

The display container of the headers should shrink so that the selectors + expanders + display container equals the width of the whole header-row

Attachments

Attach a sample if available, and screenshots, if applicable.