Selection radio with bootstrap4 not centered

react-bootstrap-table / react-bootstrap-table2

Next Generation of react-bootstrap-table

https://react-bootstrap-table.github.io/react-bootstrap-table2/

MIT License

1.27k stars 431 forks source link

Selection radio with bootstrap4 not centered #1206

Closed osnofa closed 4 years ago

osnofa commented 4 years ago

Describe the bug A selectable table with the 'bootstrap4' will not have the radio buttons centered, they're aligned to the left side of the column. To better understand, I think its easier to see the screenshots.

To Reproduce Steps to reproduce the behavior: . Add the property 'boostrap4' to a selectable table

Screenshots Normal selectable table: Screenshot_2019-12-19 PMed - Atestado The same table but with the 'bootstrap4' property:

AllenFang commented 4 years ago

it work great in online demo https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Bootstrap%204&selectedStory=Row%20selection%20table%20with%20bootstrap%204&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

@osnofa if you feel something wrong, there's a workaround is tweak this rule .react-bootstrap-table th > .selection-input-4, .react-bootstrap-table td > .selection-input-4