bestguy / sveltestrap

Bootstrap 4 & 5 components for Svelte
https://sveltestrap.js.org
MIT License
1.3k stars 180 forks source link

table with filter and select row #346

Open zfranco55 opened 3 years ago

zfranco55 commented 3 years ago

is it possible to have an example and / or link for a table with search and be able to select a row, launching an event?

bestguy commented 3 years ago

Hi @zfranco55 , maybe you could show a pic or mockup of what the end result would be?

zfranco55 commented 3 years ago

like this: https://www.primefaces.org/primevue/showcase/#/datatable/filter and https://www.primefaces.org/primevue/showcase/#/datatable/selection

zfranco55 commented 3 years ago

or of this: https://mdbootstrap.com/docs/b4/jquery/tables/search/#enable-disable-search

bestguy commented 3 years ago

Hi @zfranco55 , we don't really have a data table implementation (mostly because people have different needs and ideas on how it should look and behave). But filtering is fairly easy, even without a new component:

https://svelte.dev/repl/0429bd69748e44cdaeb8074c982f967d?version=3.41.0

I can take a look as selection too, but think would be similar to the above.

zfranco55 commented 2 years ago

Thank you for the example, which is fine (I just need to change it for upper and lower case). is it also possible to have an example with the select row event, in which I save the data in the store?

Il giorno mar 3 ago 2021 alle ore 16:38 bestguy @.***> ha scritto:

Hi @zfranco55 https://github.com/zfranco55 , we don't really have a data table implementation (mostly because people have different needs and ideas on how it should look and behave). But filtering is fairly easy, even without a new component:

https://svelte.dev/repl/0429bd69748e44cdaeb8074c982f967d?version=3.41.0

I can take a look as selection too, but think would be similar to the above.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bestguy/sveltestrap/issues/346#issuecomment-891902090, or unsubscribe https://github.com/notifications/unsubscribe-auth/ACMJCTQM2AZI4JNXHML6NTLT275O7ANCNFSM5BMBFILQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email .