Make (pasted) tables adapt/automatically adjust to the page width. Columns: relative not absolute. #1355

Open
opened 2026-02-05 00:40:53 +03:00 by OVERLORD · 1 comment
Owner

Originally created by @Wookbert on GitHub (Sep 12, 2019).

Describe the feature you'd like
After pasting (the raw content from) an Excel table with many columns I realized that BookStack doesn't adjust the table width (and its contained cells) to the white page width, but instead the table simply flows over the page border:

image

Instead a table always should have a maximum width (same as text on page), and any column added should always be relative to that table and the other column). Text size should be independently from the cell size adjustable (line break vs. small enough to fit), whereas the overall text size scales with the table size).

The final table should behave more like an image, which means it should adjust in size, like in this screenshot (where the table actually is an image, not HTML code):

image

I can imagine that this is a complex problem to solve. Perhaps there is a trick to not display an actual HTML table, but instead render a PNG from the inline created table on-the-fly and display that image. (Downside would be that the table’s content would not be directly copyable).

Originally created by @Wookbert on GitHub (Sep 12, 2019). **Describe the feature you'd like** After pasting (the raw content from) an Excel table with many columns I realized that BookStack doesn't adjust the table width (and its contained cells) to the white page width, but instead the table simply flows over the page border: ![image](https://user-images.githubusercontent.com/3104762/64744274-681f2300-d503-11e9-82c9-ba9f16c3a6a0.png) Instead a table always should have a maximum width (same as text on page), and any column added should always be relative to that table and the other column). Text size should be independently from the cell size adjustable (line break vs. small enough to fit), whereas the overall text size scales with the table size). The final table should behave more like an image, which means it should adjust in size, like in this screenshot (where the table actually is an image, not HTML code): ![image](https://user-images.githubusercontent.com/3104762/64744583-b680f180-d504-11e9-9fcb-60df6a32662f.png) I can imagine that this is a complex problem to solve. Perhaps there is a trick to not display an actual HTML table, but instead render a PNG from the inline created table on-the-fly and display that image. (Downside would be that the table’s content would not be directly copyable).
Author
Owner

@Wookbert commented on GitHub (Sep 12, 2019):

Related: https://github.com/BookStackApp/BookStack/issues/1387

@Wookbert commented on GitHub (Sep 12, 2019): Related: https://github.com/BookStackApp/BookStack/issues/1387
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#1355