Word wrap in react-based Table Panel

  • What Grafana version and what operating system are you using?
    v8.4.7, Ubuntu Linux

  • What are you trying to achieve?
    Resize table column height based on its content.

  • How are you trying to achieve it?
    That’s the question with new React-based Table panel. I had no problems with it with Grafana v6.

  • What happened?
    Multi-line content is shown as a truncated single line.

  • What did you expect to happen?
    Table row expands its height according to content of its cells.

  • Can you copy/paste the configuration(s) that you are having problems with?

  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.

  • Did you follow any online instructions? If so, what is the URL?

I’ve prepared a patch to add annotations support to the new “table” implementation. But I’ve faced a new problem - long multi-line text is shown as a single truncated line.
Are there plans to add multi-line support and word wrap to the new “table”?

@sknaumov you’re not alone, there’s a pretty active feature request in github for this one:

Please feel free to contribute to the conversation there. I assigned the issue to a project for more visibility.