Responsive igx-grid columns about igniteui-docfx

[simeonoff]

@SlavUI We don't have this functionality in the grid yet.

[kdinev]

@simeonoff It doesn't make sense to make this a feature of the grid, as it is easily achievable on an application level. Documentation is all that is needed.

[simeonoff]

@kdinev in that case I am including @zdrawku as he is the one who built the grid sample.

[zdrawku]

We are going to add a demo and code snippet to the upcomming Grid Hiding topic.
Meanwhile here is a code snippet showing how to implement hiding of a column (have a look at windowWidth and ngAfterViewInit())

component.html

<igx-column field="AthleteNumber" header="Athlete number" [hidden]="windowWidth < 785">
        <ng-template igxHeader>
            <span class="cellAlignSyle">Athlete number</span>
        </ng-template>
</igx-column>

component.ts

public windowWidth: any;

...

public ngAfterViewInit() {
      this.grid1.paginationTemplate = this.pager;
      this.grid1.perPage = 6;
      this.windowWidth = (window.innerWidth);
 }

Grid demo (resize the screen to less than 785px in order to hide AthleteNumber column