AllenFang / react-bootstrap-table

A Bootstrap table built with React.js
https://allenfang.github.io/react-bootstrap-table/
MIT License
2.23k stars 782 forks source link

Inline styles causing issues #1724

Open seanmccay opened 7 years ago

seanmccay commented 7 years ago

There are inline styles of height: 100% for the divs with classes react-bs-table react-bs-table-bordered and the react-bs-container-body this produces a weird/undesirable rendering in the theme I'm using ( the container stretches past the table contents toward the bottom of the page ). Turning off the inline styles in dev tools fixes the table for me.

Here are some examples of the issue: 10-per-page 25-per-page

Why are there inline styles there? And how do you recommend clearing them out?

seanmccay commented 7 years ago

For now, I've done this to override the inline styles

/* fix for react-bootstrap-table's inline height styles */
.react-bs-table.react-bs-table-bordered[style],
.react-bs-container-body[style] {
    height: inherit !important;
}