immense / immense/knockout-datatable

Highlight cell text that matches the filter expression

Open
#2 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
JavaScript
Stars
28
Forks
11
PR merge metrics
No merged PRs in 30d

Description

Create a new binding, say "highlightedText" (e.g. data-bind="highlightedText: name"), that outputs the text of the field with a span.highlighted around the portion that was matched by the filter expression.

This will give visual feedback about which portions of each row were matched when searching.

Depending on implementation, this could be it's own separate project, just used in this one.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading the repository's existing filtering and Knockout binding implementation to find where filter matches and cell text are produced. Determine how a highlightedText binding could access those matches, then verify that matching portions render inside span.highlighted while ordinary text remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.