Gridlayout

Radzen Studio Blazor Server
1

If I use the grid on small devices (Responsive) the layout is not correct - see picture (it is to small)

image

robert

2

We can't reproduce this. Here is how a default CRUD page with a DataGrid looks like on a mobile device (with a checkbox that toggles the DataGrid's responsive mode):

responsive

3

it is weird - build a new project and tested it with Edge/Chrome see here:

robert

4

I found the problem - if the last column (delete) is set to a fixed width like the fault is that problem occurs

image
image1007×452 17.5 KB

robert

5

It seems desktop browsers (or just chrome) need this style as well:

@media (max-width: 768px) {
  .rz-datatable-reflow table,
  .rz-datatable-reflow tbody,
  .rz-datatable-reflow tr {
    display: block;
  }
}

We will add it by default to our themes.

2 Likes