DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Datatables Searchpanes CSS

Datatables Searchpanes CSS

st4rbuck2013st4rbuck2013 Posts: 8Questions: 3Answers: 0
in Free community support

https://live.datatables.net/tojoyini/3/edit

I tried some dtsp tags, some !important stuff. Some work and some don't. How can I center the text and also make the width of each pane shorter? Thanks for your time. I posted the code but it doesnt show the issue (however some css). Here is a picture

Answers

  • st4rbuck2013st4rbuck2013 Posts: 8Questions: 3Answers: 0

    I got the CSS sorted out, why isn't scrollX hidden?

            $('#data').DataTable( {



            searchPanes: {
                collapse: false,
                layout: 'columns-4',
                dtOpts: {
                    scrollY: false,
                    scrollX: false
                }
            },




            dom: 'Ptrfi',
            pageLength: '82',
  • st4rbuck2013st4rbuck2013 Posts: 8Questions: 3Answers: 0

    please close this topic,

    using the console i was able to figure out div names and what not and then try to override the css with !important tag. hope this helps anybody.

    Thanks all :)

Sign In or Register to comment.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.