Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
DUFEIL Philippe
530
Pinning column
posted

Hello,
I use pinning on a column but it doesn't work.
The particularity is that the column is grouped and the igx-grid is included in an igx-tabs

What's wrong ?

Below, a screenshot and a piece of code.

<igx-tab-item>
            <igx-tab-header>
                <igx-icon igxTabHeaderIcon>info</igx-icon>
                <span igxTabHeaderLabel>Cadences/VA</span>
            </igx-tab-header>
<igx-tab-content>
<div class="row ml-1 mb-2">
    <igx-buttongroup [alignment]="alignment">
        <button igxButton (click) = "hideGroup()" igxRipple [selected]="true">Simple</button>
        <button igxButton (click) = "showGroup()" igxRipple >Détaillée</button>
    </igx-buttongroup>
</div>
<div class="row">
    <div class="col-sm-12" style="min-height: 650px">
<igx-grid  #gridrecap  [data]="planningrecap" [paging]="false" [locale]="'FR'" [width]="'100%'"
 displayDensity="compact"
 [primaryKey]="'ID_PLANNING'" [rowEditable]="false">

    <igx-grid-toolbar>
        <igx-grid-toolbar-title>Bilan estimé à fin de tâches</igx-grid-toolbar-title>
      </igx-grid-toolbar>
      <igx-column-group header="Tâches" >
        <igx-column header="" pinned="true" filterable=false  [field]="'DESCRIPTION'" width="400px"  [cellStyles]="groupsep" [cellClasses]="{ engras : EstGras}" ></igx-column>
    </igx-column-group>