How can I make column visibility collection appear above the button?

desperado

Is there a setting to make the Column Visibility collection display above the button instead of below?

I have placed my buttons on the bottom of the page under the table so clicking on column visibility displays the collection below and off the page making the user have to scroll down to select columns.

I tried css but it seems the position is applied to the collection element when it is displayed. So I am getting overridden.
I added css
div.dt-button-collection {
top: -450px;
}

desperado

Sorry, basic css question I guess. I kept researching and found I simply need to add !important
div.dt-button-collection {
top: -450px !important;
}

Still curious if there is a way to tell the button module to calculate above instead of below the button because my -450px really needs to be a computed value not hardcoded like I currently have it.