First Row First Column Link is not visible

First Row First Column Link is not visible

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

• 

  soumya.mangaraj

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  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”] }}
  
  
  
  
  
  
  
  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 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

• 

  soumya.mangaraj

  • Post Options:
  • Link
    Copy

  Posted 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;
  
  }