Can we set edtiable by dynamic-column-settings

App Building
#1

as description in Working with tables
we can do some dynamic-column-settings, but there is not editable option in that.
have any solutions?
thanks.

#2

Hey @AnsonHwang!

This is something we're looking into including and we'll let you know here if/when we do!

As for workarounds, there aren't any great ones that come to mind... You may be able to use something like a listview to dynamically generate input fields based on the columns you'd like to edit then have your update query reference those fields instead:

2882×604 182 KB

What do you think?

#3

Thanks for your reply. I think the editable option is important. Because I use module, there is different fields in different app.
I show a complex relationship data(neo4j/graphql) in table component. So I need an flexible dynamic config.
The listView can't fit my case, thanks any way.

#4

I believe this functionality can be achieved with dynamic column settings using the restrictedEditingMapper property. Setting this to "true" should disable edit. If all columns are set to be editable on the table component this may have the desired effect.

image
image737×86 3.97 KB

#5

Unfortunately, this does not enable cell modifications ^

#6

Hey @ericcheong! You should actually be able to set it to false to enable editing.

You can even dynamically enable/disable this setting with something like:

#7

#8 
stateful_cols_render_validate.value.map((c) => {
  return {
    name: c,
    restrictedEditingMapper: false
  }
})

This is currently what im doing, stateful_cols_render_validate comes from another input selection where users can choose to display what existing column to display

But its still not editable :frowning: any recommendation?

#9

Oh darn. Let me play around with this some some more to see how we can get this to work

#10

After doing some digging, I believe this property is supposed to make an editable column non-editable when set to true.

Ideally, it also makes a column editable when set to false.

However, the only thing this property seems to do is make a manually-set editable column (manually set with the Editable checkbox) no longer editable when set to {{true}} or "\{\{true\}\}". Setting it to true doesn't work.

I filed this as a bug internally! In the meantime, it seems your best bet is to set all columns to editable and use something like the logic I sent in the screenshot above.

1 Like
#11

Thank you