Devextreme-reactive: Custom batch edit buttons on top of TableEditColumn

Created on 16 Apr 2020  路  3Comments  路  Source: DevExpress/devextreme-reactive

I'm using ...

  • [x] React Grid
  • [ ] React Chart
  • [ ] React Scheduler

Description


I use TableEditColumn and I want to add functionality of batch editing (#1841 might be related to this). I want to be able to add buttons on to of the TableEditColumn, which can be customized (like the "NEW" button in the header row). I've attached two visual designs for it -- both for filtered and non-filtered tables.
image_2020-04-16_21-23-39
image_2020-04-16_21-22-21

Grid question

Most helpful comment

Hello @LazyLahtak,

Thank you for your work upon this request. I was struggling to resolve this issue for a couple of days. Your solution is just awesome, and I can finally achieve the results I wanted, because of your brilliant example, as well as the reference to the docs.

The approach you've mentioned works like a charm. It's a pity that I couldn't realize that the custom plugin is the only way to do this even though I've spent a lot of time going through the docs.

Thank you personally for this one! Have a wonderful day.

All 3 comments

Hi @annarkh,

I suggest you create a custom plugin - see this guide. You can place your button into a specific Table cell using Template. Also, you can add your own row using Getter if TableFilterRow plugin doesn't exist.
Here is an example.
Let us know if this solution meets your requirements.

Hello @LazyLahtak,

Thank you for your work upon this request. I was struggling to resolve this issue for a couple of days. Your solution is just awesome, and I can finally achieve the results I wanted, because of your brilliant example, as well as the reference to the docs.

The approach you've mentioned works like a charm. It's a pity that I couldn't realize that the custom plugin is the only way to do this even though I've spent a lot of time going through the docs.

Thank you personally for this one! Have a wonderful day.

This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

acentfrio picture acentfrio  路  3Comments

pbalzano91 picture pbalzano91  路  3Comments

SferaDev picture SferaDev  路  3Comments

madebymt picture madebymt  路  3Comments

ProjectaJE picture ProjectaJE  路  3Comments