[Beta Designer] Reordering DataGrid columns

Bug Reports
1

What I’m trying to do:
Reorder columns in a DataGrid using the new Beta Designer.

What I’ve tried and what’s not working:
Looked for something in the properties panel, where columns info was found in the old designer. I also hovered my mouse over different parts of the DataGrid with it selected. (I see that clicking the ‘+’ in the Object Palette adds a column.) But I couldn’t find a way to reorder columns (or rename them).

I tried clicking on one of the lines between columns. It entered into a mode for changing column widths but something went wrong. I tried pressing to undo but it didn’t undo and this had appeared in the Designer Output (repeated many times):

[An internal error has occurred] - see browser console for more details
TypeError: Cannot read properties of undefined (reading 'drag')
    at https://anvil.works/runtime-new/runtime/dist/designer2.bundle.js?sha=8d62ca5038f72ded1e2d:28:37302
    at e (https://anvil.works/runtime-new/runtime/dist/designer2.bundle.js?sha=8d62ca5038f72ded1e2d:28:3373)
    at e.next (<anonymous>)
    at o (https://anvil.works/runtime-new/runtime/dist/designer2.bundle.js?sha=8d62ca5038f72ded1e2d:28:2474)
    at l (https://anvil.works/runtime-new/runtime/dist/designer2.bundle.js?sha=8d62ca5038f72ded1e2d:28:4215)
    at https://anvil.works/runtime-new/runtime/dist/designer2.bundle.js?sha=8d62ca5038f72ded1e2d:28:4274
    at new Promise (<anonymous>)
    at t (https://anvil.works/runtime-new/runtime/dist/designer2.bundle.js?sha=8d62ca5038f72ded1e2d:28:4155)
    at https://anvil.works/runtime-new/runtime/dist/designer2.bundle.js?sha=8d62ca5038f72ded1e2d:28:4317
1 Like
2

If you select the datagrid
Then select the column heading
You should see left and right arrows (where the plus button was) to move the columns.

Ah that’s annoying I thought we’d quashed that bug. Thanks for reporting.

3

I have a DataRowPanel in the heading row so I can put components in there with customized heading stuff. So I’m not able to select the heading. Here’s what it looks like when I try to select the heading for the one column (“buttons”) without any component slotted in:

image
image1436×240 31.4 KB

4

Ah right try turning on auto header for now and then turning it off when you’ve made the changes.

1 Like
5

Ok, right, that works. Very smooth with the auto-header.

1 Like