Positioning the Column List for the ColVis button

Positioning the Column List for the ColVis button

jLinuxjLinux Posts: 981Questions: 73Answers: 75
edited September 2015 in Free community support

I was wondering how I could position the Column list thats displayed via the ColVis button, its pretty far off center from the button itself

http://d.pr/i/1hqbU

I know how to style the list and button pretty easily, but I dont see any CSS thats used to position it, no margin or padding. I used the Chrome inspector to check it out in the DOM, and I didnt see anything related to it, am I missing something?

JS used to create the button:

// Select Columns
new $.fn.dataTable.Buttons( $assets_dt, {
    buttons: [
        {
            extend: 'collection',
            text: 'Select Columns',
            buttons: [ 'columnsToggle' ],
            className: 'btn btn-primary btn-sm m-5 width-140 assets-select-btn toolbox-delete-selected'
        }
    ],
    fade: true
} );

$assets_dt.buttons( 4, null ).container().appendTo('#toolbox-column-visibility');
This discussion has been closed.