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 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).
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
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
Browser Find function can highlight the searched test in the page.
James Chen free commented 4 years ago
No highlighted in the Search table.
James Chen free commented 4 years ago
Highlighted words from the browser Fine() function (Ctrl+F)