Value is not highlighting

Value is not highlighting

Posted by: nilesh_nichal on 17 April 2024, 7:43 pm EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 17 April 2024, 7:43 pm EST - Updated 17 April 2024, 7:48 pm EST

  Hi Team,

  Value is not highlighting if we are providing ng-template inside wj-flex-grid-column
  
  Please find the sample code as below where we are using ng-template inside the wj-flex-grid-column and its not highlighting in yellow color. The same code will work if we are not using the ng-template.

  
   <wj-flex-grid-column 
  	 [binding]="'displayTheValue'">
            <ng-template wjFlexGridCellTemplate
                         [cellType]="'Cell'"
                         let-item="item"
                         let-cell="cell">      
              </div>
            </ng-template>
          </wj-flex-grid-column>
     </wj-flex-grid>

  Please find the below screenshot where highlighting in yellow color is working for one case and its not working for other when we are using ng-template.

  Let us know if anything required from our end.
  
  

  

  1791×189 7.94 KB

  

  1800×190 8.74 KB

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 23 April 2024, 4:05 am EST

  Hi,
  
  The observed behavior is by design behavior as the FlexGridSearch does not modify the HTML for the column with the ng-template. So the search style is not applied to the column with the template.

  We are investigating on this issue and trying to find a solution for this. We would update you soon as we have an update on this.

  Regards,
  
  Manish Gupta

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 23 April 2024, 10:06 pm EST

  Hello Nilesh,
  
  For this, we need to check if the search text matched with the template column and if yes, we would get the modified HTML from the ts file and view in HTML.
  
  Please refer to the following demo sample for reference:
  
  https://stackblitz.com/edit/angular-tcy1pm?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts

  Regards,
  
  Manish Gupta