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>  
Parents
  • 1500
    Offline posted

    Hello,

    Thank you for posting on our forums.

    According to your code, you have missed square brackets for the binding of the pinned property:

    pinned="true", where it should be [pinned]="true".

    Should you have further questions, please let me know.

    Sincerely,
    Tihomir Tonev
    Associate Software Developer
    Infragistics

Reply Children