Searchbar not showing

Searchbar not showing

cardSolcardSol Posts: 3Questions: 1Answers: 0

Hello,

We're currently developing a site where we user datatables, but after an update in the data we're showing the searchbar decided to not show up. I've tried multiple solutions found elsewere on this forum, but nothing seems to help.

There's no error showing in the console. I've made a jsfiddle that shows this problem: https://jsfiddle.net/x24q8awz/

This question has accepted answers - jump to:

Answers

  • kthorngrenkthorngren Posts: 20,145Questions: 26Answers: 4,736
    Answer ✓

    You need to add the f in the dom option. For example:
    https://jsfiddle.net/gstkeu26/

    Kevin

  • cardSolcardSol Posts: 3Questions: 1Answers: 0
    edited April 2020

    Alright, that works on the fiddle, but it doesn't work on the live version I have.

    I can't upload a jsfiddle for that, because it had server-side loading and confidential information, but when I watch at the settings for it (with $("#dataTable").dataTable().fnSettings()) I see the following DOM:

    But my header shows:

    Has anyone got a clue how I can either way show this on jsfiddle, or an idea how this is fixable?

  • tangerinetangerine Posts: 3,342Questions: 35Answers: 394
    Answer ✓

    Your dom configuration is placing the filter input below the table.

  • cardSolcardSol Posts: 3Questions: 1Answers: 0

    Apperantly there was a CSS line hiding it, so that combined with the placement in the string was the problem. Thanks alot for helping, it works perfectly now!

This discussion has been closed.