0

Is it possible to hide table scrollbar ?

In my particulary case i need to set overflow-y: hidden

I found html tag that set's overflow option, and maybe can override it's overflow, but it will take multiple div > div > div in css selector witch i think is not the right way.

Update

For now i done this using css:

div.table-no-overflow > div > div > div.bp-table-body {
    overflow-y: hidden;
}
Lojka
  • 167
  • 8

1 Answers1

2

You are correct: custom CSS is the preferred way to change things like this. However, you should be able to write a simpler selector rather than tracing the exact DOM structure. It should be as simple as:

.bp-table-body {
    overflow-y: hidden;
}
Gilad Gray
  • 451
  • 2
  • 6
  • i use multiple blueprint tables in my project, and some need this scrollbar, so i can't add this to global css. I thought maybe it is hidden prop or method i can set, thanks for attention. – Lojka Apr 27 '17 at 04:14
  • you can easily target the selector to one or more tables by adding more classnames. – Gilad Gray May 31 '17 at 18:57