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.

Hi, I’ve been using react-bootstrap-table and it’s awesome.

However, there is a small bug annoying me. When I resize the browser window the table header and table body are scaled independently which results in a shift between them. I think this happens due to the line breaking when column width is too small for the column name. Here is a screenshoot:

screenshot from 2017-02-14 21 02 22

You can see Inserted rows is break into two lines to fit the screen width. It is manifested on Google Chrome and Firefox.

Also sometimes even when the screen is full width, and no line breaking took place, this kind of shift between table header and table body occurrs.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
yha1990commented, Jul 5, 2017

@AllenFang thank you for your response 😃

0reactions
noeljoaquin30commented, Mar 14, 2019

follow-up on this issue ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Resize a table in Word or PowerPoint for Mac
Resize rows, columns, or cells ... Select the table. The contextual tabs, Table Design and Layout, appear in the ribbon. On the Layout...
Read more >
How to Automatically Resize a Table in ... - How-To Geek
You can manually resize a table in Word by dragging a corner or edge. But with the AutoFit feature, Word sizes your table...
Read more >
Resizing tables and table cells
Drag the selected line. The adjacent column or row resizes to keep the size of the overall table the same. To resize columns...
Read more >
Excel Table Resizing - W3Schools
The resize table command allows you to change the size of the table by entering a range. For example by entering A1:D10 ....
Read more >
Table resizing - TRichView
Table Layout Algorithm Tables do not have column widths and row heights specified explicitly. Widths are calculated basing on: minimal width required 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