Remove responsiveness in datagrid / repeating panel

Anvil Q&A
1

What I’m trying to do:

I have a standard datagrid with repeating panel. When viewed on a mobile it stacks (just as it should) but it looks ugly. Plus, it’s quite a complex row of data. I want to just have it display as it does on desktop, ie. all in one line with the user being able to zoom in and out and drag around on their phone.

What I’ve tried and what’s not working:

I’ve tried pretty much everything. I have looked at other Q&A’s on here and tried those solutions but they don’t work for me. I have worked with ChatGPT and Gemini for some hours but I got nowhere. I have set all wrap on settings to never, I have put the grid in a card, outside of a card, set the columns to “expand”… I think I have tried everything through the UI

Simply put, I don’t want any responsiveness at all on my grid. Is it even possible or is Anvil not able to selectively drop the responsiveness?

Thanks.

2

Have you set wrap_on to never?

Make sure you do the same for the datagrid and its containers.

image

3

Thanks, yes I have tried that. I have also been to every Wrap On and tried setting them to never as well… every combination.

I have tried putting the grid in a card and set that to wrap_on: never.

I have also tried having the grid just in the normal screen space, set to never and full_width_row.

The structure is that I have a content panel (set to never), inside it is the datagrid (set to never). The repeating panel does not have a wrap option.

4

… what about the form itself?

A form is a container too and it has the wrap_on property as well.