Pivot grid loading template is not possitioned correct

[mddragnev]

Description

When you use remote data or simulate remote data binding to the pivot grid, the loading template is positioned to the left and there is a white gap on the right. This is because the row dimension container has no width.

• igniteui-angular version:
• browser:

Steps to reproduce

1. Open dev samples
2. Open Pivot hierarchy
3. Modify the code like this:

    public origData = [];
    public isLoading = true;

    public ngOnInit(): void {
        setTimeout(() => {
            this.origData = DATA;
            this.isLoading = false;
        }, 1000)
    }

So that we can simulate remote request.
4. Bind isLoading input to the sample template

Result

There is a white gap on the right of the grid loading template

Expected result

We should somehow make this look good

Attachments

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