CODEWITHSUNDEEP
jquerydatatables
Vineet
Vineet

Reputation: 624

Width of search-bar & pager-bar : dataTables.net

I am using DataTables plugin.

"bJQueryUI": true,

Everything else is fine. But the search & pager bars (at bottom & top resp.) occupy entire page width. How do I alter the width of these bars?

Upvotes: 1

Views: 2147

Answers (1)

Nicola Peluchetti
Nicola Peluchetti

Reputation: 76900

If you use jQueryUI the search and pager bar are included in UI components. I think you can override the CSS of jquery UI like this

.dataTables_wrapper .ui-toolbar{
    width: 50%;
}

remember that this directive must appear after loading the CSS of jQuery UI

Upvotes: 1

Related Questions