Make a react plugin scrollable


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!

Use CustomScrollbar component from @grafana/ui

can we do this using css ?

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

something like overflow-y: scroll

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




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

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