Inline text editing with Mat-table:

angular inline mat-table
Flash picture Flash · Mar 20, 2019 · Viewed 11.8k times · Source

Does anyone have a good solution to adding inline text editing to a column where you can edit and save and re-edit with mat table like in this example: https://material.io/design/components/data-tables.html#behavior it look like it's still an open issue on gitHub: https://github.com/angular/material2/issues/5982

enter image description here

Answer

abann sunny picture abann sunny · Mar 20, 2019

The git hub issue you mentioned has a few implementations people have come up with.

You can get inspiration from this:

https://stackblitz.com/edit/material2-beta12-es19ub?file=app%2Fapp.component.html

or this: https://stackblitz.com/edit/angular-g5u7cy?file=app%2Ftable-editing-example.html

I would go through the github issue to see the different options people have come up with.

Related questions

Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
ngFor with index as value in attribute

I have a simple ngFor loop which also keeps track of the current index. I want to store that index value in an attribute so I can print it. But I can't figure out how this works. I basically have …

Read More
Could not find module "@angular-devkit/build-angular"

After updating to Angular 6.0.1, I get the following error on ng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_…

Read More