It is possible to add a search bar in dataviewjs

[MarcosDantasdeSantana]

If this can be inplemented is goin to be cool.
Something like a serach box on top of dataview or a button to select a especified value.
So it can be used for exemple in dataviewjs:

dv.input(let inputResult, "Search Box");
if (inputResult != null){
dv.table(["Items","Description"],
dv.pages("#item")
  .where(i =>
    i.file.title.contains(inputResult) ||
    i.desc.contains(inputResult))
  .map(i => [i.file.link,i.desc]));
} else {
dv.table(["Items","Description"],
dv.pages("#item")
  .map(i => [i.file.link,i.desc]));
}

[AB1908]

Some amount of this seems doable but tricky. The main problem (I think) would be to get this to trigger a second time if want it to change dynamically. It would be equivalent to hard coding the source I guess.

[blacksmithgu]

It's possible using React as the renderer instead of what I'm currently using (with appropriate debouncing); the main thing is we would need to add state to Dataview views which is a tad tricky (preserving state across view refreshes is challenging).

[AB1908]

Oh so "preserving state" is the term I was looking for haha.

[mdelobelle]

I'm using a workaround to filter my dataview table using metadata:
I have a search inline field in my note
search::

and a dataview block using it:

dv.table(
    ["Song", "Artist"], 
    dv.pages('"🎸"')
    .where(p => !dv.current().search || p.Artist && p.Artist.includes(dv.current().search)))
    .map(p => p.Song, p.Artist)
)

It's a bit "laggy" but it's working fine