search

filamentgroup / tablesaw

A group of plugins for responsive tables.
MIT License
5.48k stars 434 forks source link

Move Swipe Navigation Buttons & Minimap Below Table #212

Closed dseals closed 8 years ago

dseals commented 8 years ago

I am curious as to whether or not it would be possible to move the Swipe Navigation buttons and minimap so that it appears centered below the table as opposed to right justified above the table. I'm fiddling around with the javascript now, but wanted to see if anyone had solved this problem previously.

dseals commented 8 years ago

I solved my own issue here with CSS. I'm adding this comment in case anyone else should want to do the very same thing.

Within your HTML, make sure the tablesaw table is contained within a div that has the following css: position: relative;

Update the 'tablesaw-bar' element in tablesaw.css (around line 301) with the following: .tablesaw-bar { clear: both; font-family: sans-serif; font-size: 14pt; position: absolute; bottom: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 210px; }

You will have to also set the height of the div containing the tablesaw table so that the swipe navigation appears properly.

SDEBEUL commented 5 years ago

hi when i apply this the position moves fine. but it breaks the functionality. the dropdown does not work anymore. Did you do somethine else?