DataTables / DataTables/Plugins
SearchHighlight plugin does not work when table content contains urls
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.1k
- Forks
- 1.7k
- PR merge metrics
- No merged PRs in 30d
Description
Problem
I use the searchHighlight plugin in my project, everything except urls are highlighted properly, but when the query term matches the url, the search did apply, but the highlighting is not working.
Simple repro:
The problematic column:
render: (data) => {
if (!data) return "";
return <a href="${data}" target="_blank" rel="noopener noreferrer" style="cursor: pointer; text-decoration: underline;"> ${data} </a>;
},
example table url: "https://etherscan.io/", query "et"
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the SearchHighlight plugin and reproduce the issue using the provided render function, the URL https://etherscan.io/, and query "et". Trace how highlighting handles rendered anchor content, then verify that matching text in the URL cell is visibly highlighted without breaking the link or its attributes.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100