Space between Header and Body

Robin Reiners

Link to test case: https://jsfiddle.net/1jgs9ov4/3/#&togetherjs=atH89rsADp
Description of problem: In my table application between the table header and the table body there is a gap which is reserved for a scroll bar. Because I don't intend on using the xscroll I'd like this to be gone.

kthorngren

Are you referring to the orange area in this screenshot?

That is due to the mb-3 class you are using when appending the search inputs:

    $('#md_table thead tr#filterrow').append(
      `<th>
      <div class="input-group mb-3">
                <span class="input-group-text"><i class="bi bi-search"></i></span>
                <input id="input' + $(this).index() + '" type="text" class="form-control" placeholder="..."/>
            </div></th>`
    )

Remove the mb-3 class and that spacing will be removed.

Kevin

Robin Reiners

thanks a lot