search

swimlane / ngx-datatable

✨ A feature-rich yet lightweight data-table crafted for Angular
http://swimlane.github.io/ngx-datatable/
MIT License
4.63k stars 1.68k forks source link

Vertical scrollbar in footer on bootstrap and dark theme #2104

Open Dorus opened 2 years ago

Dorus commented 2 years ago

I'm submitting a bug report

Current behavior

See https://swimlane.github.io/ngx-datatable/#bootstrap

image

There is a vertical scrollbar in the footer on the bootstrap theme.

Expected behavior

No needless scrollbar

Reproduction of the problem

Visit https://swimlane.github.io/ngx-datatable/#bootstrap

What is the motivation / use case for changing the behavior?

Less ugly

Please tell us about your environment:

Latest Chrome. Also reproducible in latest Edge, Firefox. Windows 11.

Dorus commented 2 years ago

I fixed this locally by adding the following css:

.ngx-datatable.bootstrap .datatable-footer .page-count {
  line-height: 40px;
  height: 40px;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
  margin: 9px 0px;
}