This is an example of Angular 2 grid editing. You can see how to enable a column to contain a checkbox. To enable the editing you have to select a cell and press “Click” or “F2”. Navigation between the cells is enabled with the “Tab” and “Shift + Tab” keys. You can see how to implement increments and decrements when editing a numeric column. Pressing “Enter” saves the edited content and pressing “Esc” deletes it. You can also enable editing with a popup and change the default behavior of the editors (for example form “Click to “Double Click”). In addition you can have customizable editors where you can define the content with a list box. You can enable full row edit and disable columns or rows from being edited.