Improve the UI for Console tables

winglang / wing

A programming language for the cloud ☁️ A unified programming model, combining infrastructure and runtime code into one language ⚡

https://winglang.io

Other

4.99k stars 196 forks source link

Improve the UI for Console tables #4581

Open skyrpex opened 11 months ago

skyrpex commented 11 months ago

Currently, the UI for tables is not very good:

Tries to show all columns at the same time
The content is cut if it doesn't fit the column
Can't resize columns

I'm a big fan of the SLDS, specially their tables.

In short, their tables are:

Resizable and scrollable
User can choose to either trim the content of a column, or break it into multiple lines (can't be seen in the component blueprint but that's how it works in Salesforce)

skyrpex commented 11 months ago

Also, https://tanstack.com/table/v8 is a very nice choice. It's a headless table.

github-actions[bot] commented 9 months ago

Hi,

This issue hasn't seen activity in 60 days. Therefore, we are marking this issue as stale for now. It will be closed after 7 days. Feel free to re-open this issue when there's an update or relevant information to be added. Thanks!

skyrpex commented 3 months ago

Interesting article about data tables: https://bootcamp.uxdesign.cc/data-table-design-patterns-4e38188a0981.