Topic: Highlight the searchText in the searched table

James Chen free asked 4 years ago


*Expected behavior*after entering the search text, the table can show the highlighted words what matched this search text*Actual behavior*no highlighted words shown the page.

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/docs/angular/forms/search/#local

Searching with local data

https://ng-demo.mdbootstrap.com/tables/data-tables


Arkadiusz Idzikowski staff commented 4 years ago

Do you mean that the table search doesn't work at all or that the search term is just not highlighted in the table cells?


James Chen free commented 4 years ago

Hi, The table search can work to output the searched rows, but I want to see the search text as highlighted in the cells, such as the function of find() from the browser ( when you press the keys "Ctrl+F', and then input any words), you will see the searched text as highlighted with yellow color.

Thanks,James


James Chen free commented 4 years ago

enter image description here

Browser Find function can highlight the searched test in the page.


James Chen free commented 4 years ago

enter image description here

No highlighted in the Search table.


James Chen free commented 4 years ago

enter image description here

Highlighted words from the browser Fine() function (Ctrl+F)


Arkadiusz Idzikowski staff answered 4 years ago


This is expected behavior. Table search should only add filtering and show only the rows that contain the search term. Please try to add additional information to your first post, the answers should only contain a solution for the problem presented in the question (first post).



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.3.0
  • Device: PC
  • Browser: Chrome
  • OS: win 10
  • Provided sample code: No
  • Provided link: Yes