Discourse Proposal: Smarter Tables

#1

I have created a Discourse component to wrap native Discourse tables with some smarts via the datatables.net library. By wrapping your table with , you will automatically get a search box and sort icons.

image
image.png2661×684 136 KB

You can pass native lib arguments by putting dt in front of their name like I’ve demonstrated with paging (Discourse strips namespacing via “-” or other special char). I’ve also written a quick column filter as well you can enable via filters=true.

image
image.png2687×840 260 KB

Thoughts on whether we should enable it? I’m hoping to really clean up with Suppliers Directory - Where to get parts, materials and services.

6 Likes
#2

I like it. I think I prefer the second table, where you can filter for the results of the columns per se. But would this modify ALL the tables?

While we’re talking, I think there should be one main page, accessible from the top bar that is a visual guide to all the sections we have. I saw you were creating an index of the howto page… I guess that’s kind of a start, although I think it should maybe be visual? Something where everything fits above the fold? I’ll come up w/ something if no one else has any cool ideas.

#3

So the tables are opt in and configurable based on the wrap syntax. Check out the examples.

#4

Can we make the defaults larger? So it’s not 10 per page?

Other than that, I think it’ll help! For sure

#5

This is a great idea - makes larger datasets much easier to use.

1 Like
#6

I read the title and thought you meant tables :smiley:

image
image.jpg1556×867 299 KB

2 Likes
#7

behold, the only true smart table