First Row First Column Link is not visible

Posted by: soumya.mangaraj on 23 March 2020, 11:56 pm EST

  • Posted 23 March 2020, 11:56 pm EST

    Please Find the CSS and HTML for this.

    When u click on first link (1st row and 1st Column), It's not getting visible , after that even if u click 2nd row 1st col link, it's visible with no issues only issue with 1st row and 1 column.

    .wj-flexgrid {
    height: auto;
    max-height: 600px;
    text-align: left;
    }

    .grid-link-selected {
    color: white !important;
    }


    <wj-flex-grid
    #flex
    [headersVisibility]="'Column'"
    [(itemsSource)]="filteredReports"
    [isReadOnly]="true"
    [stickyHeaders]="false"
    [autoGenerateColumns]="false"
    [itemFormatter]="itemFormatter"
    (initialized)="initReportsGrid(flex)"
    (selectionChanged)="selectionChanged(flex, $event)"
    (itemsSourceChanged)="itemsSourceChangedHandler()"
    >
    <wj-flex-grid-column
    header="REPORTS/FILES"
    binding="REPORTS/FILES"
    [width]="'*'"
    >
    <ng-template
    wjFlexGridCellTemplate
    [cellType]="'Cell'"
    let-item="item"
    let-cell="cell"
    >
    <a
    [class.grid-link-selected]="isCellSelected(cell)"
    (click)="downloadClick(item)"
    >
    {{ item["REPORTS/FILES"] }}
    </a>
    </ng-template>
    </wj-flex-grid-column>
    </wj-flex-grid>
  • Marked as Answer

    Replied 24 March 2020, 3:36 pm EST

    Hi Soumya,

    We are sorry but we were unable to replicate the issue. Please refer to the sample below that we used to replicate the issue:

    https://stackblitz.com/edit/angular-gy7wec

    Can you please modify the sample accordingly so that it replicates the issue?

    Regards,
    Ashwin
  • Replied 1 April 2020, 1:46 am EST

    Hi Ashwin
    Thanks For creating a demo.
    Actually i have an issue with isCellSelected(cell) function, Now it's got resolved after referring to your code.

    isCellSelected(cell) {
    var grid = cell.row.grid;
    return grid.selection.row === cell.row.index && grid.selection.col === cell.col.index;
    }
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels