Best practice for overflowing DataGrid cells?

I have a DataGrid that is being used more as a matrix as opposed to a traditional one where the table’s structure of columns and rows are static (always 8x12), but the content is dynamic. Functionally it works, however, because the text that I want to display in each cell is a bit long, there seems to be overflow with the columns as seen here:

What I’m wondering is what the best way to remedy this is. My initial thought was placing a component (I was thinking of using a Label component) into each cell that will be populated, and then populate the component with the cell-data while letting the text overflow within the label, so that a user can hover over a “cell” and see the full information that is currently being displayed on my matrix without the matrix looking messy. However, as far as I know from reading the documentation, Anvil doesn’t have a “onHover” event handler, so that implementation idea is tricker and it’s back to the drawing board.

You could put the full text into the label’s tool tip attribute and something shorter into its text.

Alternatively, the augmentation module of Anvil Extras would enable you to add a hover event.

3 Likes

Thank you! I’ll give it a go, I had no idea Anvil Extras existed!

2 Likes