Skip to content
This repository has been archived by the owner on Jun 4, 2024. It is now read-only.

Configurable client side search bar? #389

Open
Buuntu opened this issue Feb 28, 2019 · 1 comment
Open

Configurable client side search bar? #389

Buuntu opened this issue Feb 28, 2019 · 1 comment
Labels
dash-type-enhancement New feature or request

Comments

@Buuntu
Copy link

Buuntu commented Feb 28, 2019

Is there an option to add a user-friendly client-side search bar? It would be nice to have an option to just add an input field that searches all columns for whatever string is typed in (without having to type eq "example" on the certain column). Shiny for R has this ability built in to its data tables. I think this would be great if it were part of the normal functionality.

It seems like the only way to do this currently is to add an extra input field and then manually filter the results through a callback (I'm not sure if that would happen on the client or server)?

Also, for the paging option, it would be great if there were page numbers by default. Currently you only have the option to go Next and Back (one by one), without knowing where you are exactly.

@Marc-Andre-Rivet
Copy link
Contributor

@Buuntu Thanks for the suggestions. Will cross-link this with the filtering epic and the general ui improvements issue for future reference.

It seems like the only way to do this currently is to add an extra input field and then manually filter the results through a callback (I'm not sure if that would happen on the client or server)?

The callback could also send back the filter string directly to the table's 'filtering_settings' prop for direct use but it is pretty unforgiving as-is.

@app.callback(
  Output('my-table', 'filtering-settings'),
  [Input('my-input', 'value')]
)
def update_filter(filter):
  return filter

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
dash-type-enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants