minimize gray top-bottom area

minimize gray top-bottom area

veloopityveloopity Posts: 87Questions: 36Answers: 2

the datatables table has a top and a bottom area, used for the display of "Show 10 entries" and "Showing 10 of 57 entries" and "Previous 1 2 3 Next". Depending on user configurable settings, my users don't see these displays but the empty gray areas that would contain them are still there. Where do I have to tweak to make them go away?

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    Are you using jQuery UI styling (I'm guessing based on the "grey area" - jQuery UI styling has a grey box at the top - this is where a link to a page showing the issue is useful :-) )?

    If so, then you'd need to alter the dom parameter to not include the grey header box.

    Allan

  • veloopityveloopity Posts: 87Questions: 36Answers: 2

    hi Allan, I just sent you a mail with access data and screenshots

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin
    Answer ✓

    Hi,

    Thanks for your e-mails with the details! So the issue here is that the dom option when jQuery UI is enabled includes the top and bottom bars regardless of other configuration. You could supply your own dom option that removes them, but another, possibly easier option is to add the following to your CSS:

    div.fg-toolbar:empty {
        display: none;
    }
    

    Allan

  • veloopityveloopity Posts: 87Questions: 36Answers: 2

    magic !!!

This discussion has been closed.