Overflow-y is leaving a blank in the table width

Question

Hello.

I am trying to make my table have a scroll, as follows:

<table ng-if="vm.model.id" width="100%" class="table table-striped table-bordered table-hover dataTable no-footer" style="width: 100%; height: 350px; overflow-y: auto; display: block">

However, there is always a large white space left on the right side, before the scroll.

Does anyone know anything I can try not to have this problem anymore?

Thank you.

Answer 1

What happens is that you applied the display block to a table, I recommend that you wrap the table in a div and apply the overflow in it.