question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Create vertical header mode for Table

See original GitHub issue

What problem does this feature solve?

The Table component does not support a vertical mode (explained here: Stack Overflow). Occasionally, the number of rows that need to be displayed are few (<5), however there many columns (>20). Rather than display the table horizontally, which requires a great deal of horizontal scrolling, it is preferable to display the data vertically.

What does the proposed API look like?

I think the Table component would benefit from the same API approach as the Menu component’s mode property, which is vertical by default but can also be set to horizontal. By default, the Table’s mode should be horizontal, but it could also be set to vertical, which transposes the table.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:13
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

25reactions
afc163commented, Jun 4, 2019
3reactions
ghostcommented, Dec 29, 2019

Descriptions is nice – what would be even nicer would be to have the option to add check-boxes or radio-buttons for a nice matrix input table. Something like this (but with the quality styling that ant design provides):

enter image description here

Read more comments on GitHub >

github_iconTop Results From Across the Web

Know How to Create a Vertical Table in HTML? - eduCBA
Guide to Vertical Table HTML. Here we have discuss how to create a vertical table in HTML?and how to center an image Vertically...
Read more >
How to display vertical text in table headers with auto height ...
try this: .vertical-header span { writing-mode ...
Read more >
HTML Table Headers - W3Schools
HTML tables can have headers for each column or row, ... To use the first column as table headers, define the first cell...
Read more >
org mode - Orgmode - Vertical header - Emacs Stack Exchange
I created the table with the following set of instructions: M-x org-create-table RET 1x13 RET : that creates a single column table with...
Read more >
Vertical text for table headers with CSS - Broculos
In complex tables with lots of columns you will run into the problem of headers being too wide and causing the table to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found