Super, this example is fine, but have one more problem, when I add a new row,  the button in the template doesn't get visible. I have "rowadding" enabled.

Something very interesting, with de button column, when I am working on the new row the event  ClickCellButton does not work, but when the row is commited it works fine. So, the problem is on the new row, not only with button column, but also with de template column with a button on it.

In case any one has this problem, the situation is tha for clickCellbutton event to fire the new row has to be added to the rows collection in the grid.  When I add a new row pressing the "Add" from the addnewbox, the row is added to the collection, so the event is fired.

When I use the property "AddNewRow" visible=" true", the new rows can be added with a simple press on TAB key in the last column. That new row is not in the rows collection, so the event does not fire. But that is the way I would like It works. So what I did was change the property "AddNewRow" to visible="false", and use a code like the next one to add the new row for myself:

        function grid_AfterExitEditModeHandler(gridName, cellId) {
            var grid = igtbl_getGridById(gridName);
            var oCell = igtbl_getCellById(cellId);
            var row = oCell.getRow();

            // puede ser asi: if (oCell.Column.Key == "Precio" && row.getIndex() == grid.Rows.length - 1) {
            if (oCell.Column.Key == "Precio" && row.getNextRow() == null) {
                    igtbl_addNew(gridName, 0);
            }

Thanks for sharing your solution in public forums -- much appreciated. I am sure this will be useful to a lot of developers in the future.

Thanks again.