[Solved] Table inside Client Template for Batch Editing

[A]

I have a table  and Detail View. The Detail View is setup for Batch Edit mode.
I have a two type columns that have the following Information
Projected, Actual, and Diff
Projected and Actual are for information purpose and Diff is the one users can Change. I have it setup the columns as

cols.Bound(m => m.Type1Diff).ClientTemplate("<table><tr><td align='center'><span><#= Type1.Projected #></span></td><td align='center'><span><#= Type1.Actual #></span></td><td align='center'><span><#= Type1Diff #></td></tr></table>").HeaderTemplate("<table><tr><td colspan='3' align='center'>Type1</td></tr><tr><td align='center'>PROJ</td><td align='center'>ACT</td><td align='center'>DELTA</td></tr></table>");
cols.Bound(m => m.Type2Diff).ClientTemplate("<table><tr><td align='center'><span><#= Type2.Projected #></span></td><td align='center'><span><#= Type2.Actual #></span></td><td align='center'><span><#= Type2Diff #></td></tr></table>").HeaderTemplate("<table><tr><td colspan='3' align='center'>Type2</td></tr><tr><td align='center'>PROJ</td><td align='center'>ACT</td><td align='center'>DELTA</td></tr></table>");

When I set it up like above, the display works great and I can edit column 1. However, Column 2 is not editable.
When I move Type2 first, I can edit Type2 but not Type1

I attach the appropriate values to e.Values during OnSave Event

function onSave(e) {
    consoleWrite("On Save");
 
   e.values.Type1 = e.dataItem.Type1
   e.values.Type2 = e.dataItem.Type2
  }

The display looks like
Type 1              Type 2 

PROJ   ACT  DIFF    PROJ   ACT  DIFF

100     80   -20     110   150   40
120     70   -30     105   115   10

Everything seems to work great for the first column and not the second column. 

If I keep the client template simple, everything works great. Does anyone know what is going on here?