Make a react plugin scrollable

Grafana Plugin Development
1

Hi!

I’m developing a plugin for Grafana. I’ve figured out that I should set the variable “scrollable” true in the plugin’s controller, but I use React. How can I make a React plugin scrollable?

Thank you!

2

Use CustomScrollbar component from @grafana/ui

3

can we do this using css ?

4

I don’t see why you couldn’t do this.

something like overflow-y: scroll

5

For a
export const DataList: React.FC = ({ options, data, width, height }) => {

i am returning div with this className but only color is working not scroll

image

image

image

6

hi Kasmir , see POC below… the content of panel overflows
Hence the override has to be done for class "panel-container "
however this will impact all dashboards

7

I don’t have your code but I gave it a try and it works for me. I’m using flexboxes so maybe that make a difference

nothing fancy but if it helps