我正在尝试使用Angular + Datatable和colspan＆rowspan进行分页，出现以下错误，
错误TypeError：无法将属性'_DT_CellIndex'设置为未定义
HTML代码
<table id="dataTables-example" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" style="height: 74vh;" class="table table-bordered table-responsive hover" > <!-- datatable [dtOptions]="dtOptions" -->
<thead>
<tr>
<th rowspan="2" style="width: 8%;"> Date & Time </th>
<th rowspan="2" >Combination No</th>
<th rowspan="2" >Surface Area</th>
<th rowspan="2" >CED Bath Temperature</th>
<th rowspan="2" >Anoloyde Conductvity</th>
<th rowspan="2" >Voltage</th>
<th rowspan="2" >Current</th>
<th rowspan="2" >NVM%</th>
<th rowspan="2" >Model Combination</th>
<th colspan="6" >Measure DFT</th>
<th colspan="6" >Predicated DFT</th>
</tr>
<tr>
<th> P1</th>
<th> P2</th>
<th> P3</th>
<th> P4</th>
<th> P5</th>
<th> P6</th>
<th> P1</th>
<th> P2</th>
<th> P3</th>
<th> P4</th>
<th> P5</th>
<th> P6</th>
</tr>
</thead>
<tbody *ngFor="let group of data1; let i = index">
<td ><a id ="{{ 'datetimeID_' + i }}" href="#modelparam" style="text-decoration:
underline; cursor : pointer;color:blue ;" (click)="selectionRow(i)" >
{{group.datetime}}</a></td>
<td id ="{{ 'combinationnoID_' + i }}" >{{group.combinationNo}}</td>
<td id ="{{ 'surfaceareaID_' + i }}">{{group.surfaceArea}}</td>
<td id ="{{ 'cedbathtemperatureID_' + i }}">{{group.cedbathtemp}}</td>
<td id ="{{ 'anoconductvityID_' + i }}">{{group.anoConductvity}}</td>
<td id ="{{ 'voltageID_' + i }}">{{group.voltage}}</td>
<td id ="{{ 'currentID_' + i }}">{{group.current}}</td>
<td id ="{{ 'nmvID_' + i }}">{{group.nmv}}</td>
<td>
<tr id ="{{ 'modelcombinationID1_' + i }}">{{group.modelCombination}}</tr>
<tr id ="{{ 'modelcombinationID11_' + i }}">{{group.repeatRow.modelCombination11}}</tr>
</td>
<td>
<tr id ="{{ 'measureDFTID1_' + i }}">{{group.measureDFTP1}}</tr>
<tr id ="{{ 'measureDFTID11_' + i }}">{{group.repeatRow.measureDFTP11}}</tr>
</td>
<td>
<tr id ="{{ 'measureDFTID2_' + i }}"> {{group.measureDFTP2}} </tr>
<tr id ="{{ 'measureDFTID21_' + i }}">{{group.repeatRow.measureDFTP21}}</tr>
</td>
<td>
<tr id ="{{ 'measureDFTID3_' + i }}">{{group.measureDFTP3}}</tr>
<tr id ="{{ 'measureDFTID31_' + i }}">{{group.repeatRow.measureDFTP31}}</tr>
</td>
<td>
<tr id ="{{ 'measureDFTID4_' + i }}">{{group.measureDFTP4}}</tr>
<tr id ="{{ 'measureDFTID41_' + i }}">{{group.repeatRow.measureDFTP41}}</tr>
</td>
<td>
<tr id ="{{ 'measureDFTID5_' + i }}">{{group.measureDFTP5}}</tr>
<tr id ="{{ 'measureDFTID51_' + i }}">{{group.repeatRow.measureDFTP51}}</tr>
</td>
<td>
<tr id ="{{ 'measureDFTID6_' + i }}">{{group.measureDFTP6}}</tr>
<tr id ="{{ 'measureDFTID61_' + i }}">{{group.repeatRow.measureDFTP61}}</tr>
</td>
<td>
<tr id ="{{ 'predicatedDFTID1_' + i }}">{{group.predicatedDFTP1}}</tr>
<tr id ="{{ 'predicatedDFTID11_' + i }}">{{group.repeatRow.predicatedDFTP11}}</tr>
</td>
<td >
<tr id ="{{ 'predicatedDFTID2_' + i }}">{{group.predicatedDFTP2}} </tr>
<tr id ="{{ 'predicatedDFTID21_' + i }}">{{group.repeatRow.predicatedDFTP21}}</tr>
</td>
<td >
<tr id ="{{ 'predicatedDFTID3_' + i }}">{{group.predicatedDFTP3}}</tr>
<tr id ="{{ 'predicatedDFTID31_' + i }}">{{group.repeatRow.predicatedDFTP31}}</tr>
</td>
<td >
<tr id ="{{ 'predicatedDFTID4_' + i }}">{{group.predicatedDFTP4}} </tr>
<tr id ="{{ 'predicatedDFTID41_' + i }}">{{group.repeatRow.predicatedDFTP41}}</tr>
</td>
<td>
<tr id ="{{ 'predicatedDFTID5_' + i }}">{{group.predicatedDFTP5}} </tr>
<tr id ="{{ 'predicatedDFTID51_' + i }}">{{group.repeatRow.predicatedDFTP51}}</tr>
</td>
<td >
<tr id ="{{ 'predicatedDFTID6_' + i }}">{{group.predicatedDFTP6}}</tr>
<tr id ="{{ 'predicatedDFTID61_' + i }}">{{group.repeatRow.predicatedDFTP61}}</tr>
</td>
</tr> -->
<tr >
<td rowspan="2" ><a id ="{{ 'datetimeID_' + i }}" href="#modelparam" style=" text-decoration: underline; cursor : pointer;color:blue ;" (click)="selectionRow(i)" >{{group.datetime}}</a></td>
<td rowspan="2" id ="{{ 'combinationnoID_' + i }}" >{{group.combinationNo}}</td>
<td rowspan="2" id ="{{ 'surfaceareaID_' + i }}">{{group.surfaceArea}}</td>
<td rowspan="2" id ="{{ 'cedbathtemperatureID_' + i }}">{{group.cedbathtemp}}</td>
<td rowspan="2" id ="{{ 'anoconductvityID_' + i }}">{{group.anoConductvity}}</td>
<td rowspan="2" id ="{{ 'voltageID_' + i }}">{{group.voltage}}</td>
<td rowspan="2" id ="{{ 'currentID_' + i }}">{{group.current}}</td>
<td rowspan="2" id ="{{ 'nmvID_' + i }}">{{group.nmv}}</td>
<td id ="{{ 'modelcombinationID1_' + i }}">{{group.modelCombination}}</td>
<td id ="{{ 'measureDFTID1_' + i }}">{{group.measureDFTP1}}</td>
<td id ="{{ 'measureDFTID2_' + i }}">{{group.measureDFTP2}}</td>
<td id ="{{ 'measureDFTID3_' + i }}">{{group.measureDFTP3}}</td>
<td id ="{{ 'measureDFTID4_' + i }}">{{group.measureDFTP4}}</td>
<td id ="{{ 'measureDFTID5_' + i }}">{{group.measureDFTP5}}</td>
<td id ="{{ 'measureDFTID6_' + i }}">{{group.measureDFTP6}}</td>
<td id ="{{ 'predicatedDFTID1_' + i }}">{{group.predicatedDFTP1}}</td>
<td id ="{{ 'predicatedDFTID2_' + i }}">{{group.predicatedDFTP2}}</td>
<td id ="{{ 'predicatedDFTID3_' + i }}">{{group.predicatedDFTP3}}</td>
<td id ="{{ 'predicatedDFTID4_' + i }}">{{group.predicatedDFTP4}}</td>
<td id ="{{ 'predicatedDFTID5_' + i }}">{{group.predicatedDFTP5}}</td>
<td id ="{{ 'predicatedDFTID6_' + i }}">{{group.predicatedDFTP6}}</td>
</tr>
<tr>
<td id ="{{ 'modelcombinationID11_' + i }}">{{group.repeatRow.modelCombination11}}</td>
<td id ="{{ 'measureDFTID11_' + i }}">{{group.repeatRow.measureDFTP11}}</td>
<td id ="{{ 'measureDFTID21_' + i }}">{{group.repeatRow.measureDFTP21}}</td>
<td id ="{{ 'measureDFTID31_' + i }}">{{group.repeatRow.measureDFTP31}}</td>
<td id ="{{ 'measureDFTID41_' + i }}">{{group.repeatRow.measureDFTP41}}</td>
<td id ="{{ 'measureDFTID51_' + i }}">{{group.repeatRow.measureDFTP51}}</td>
<td id ="{{ 'measureDFTID61_' + i }}">{{group.repeatRow.measureDFTP61}}</td>
<td id ="{{ 'predicatedDFTID11_' + i }}">{{group.repeatRow.predicatedDFTP11}}</td>
<td id ="{{ 'predicatedDFTID21_' + i }}">{{group.repeatRow.predicatedDFTP21}}</td>
<td id ="{{ 'predicatedDFTID31_' + i }}">{{group.repeatRow.predicatedDFTP31}}</td>
<td id ="{{ 'predicatedDFTID41_' + i }}">{{group.repeatRow.predicatedDFTP41}}</td>
<td id ="{{ 'predicatedDFTID51_' + i }}">{{group.repeatRow.predicatedDFTP51}}</td>
<td id ="{{ 'predicatedDFTID61_' + i }}">{{group.repeatRow.predicatedDFTP61}}</td>
</tr>
</tbody>
</table>
TypeScript： 通过阅读json并按照以下方式填充行来填充数据，
var myvalues = {
datetime : result1[cnt].Date_Time,
combinationNo : result1[cnt].CED_MODEL_SELECTION,
surfaceArea : surfaceArea,
cedbathtemp : String(result1[cnt].ED_BATH_TEMPERATURE).substring(0,String(result1[cnt].ED_BATH_TEMPERATURE).indexOf("."))+ String(result1[cnt].ED_BATH_TEMPERATURE).substr(String(result1[cnt].ED_BATH_TEMPERATURE).indexOf("."), 3) ,
anoConductvity: "",
voltage: String(result1[cnt].ED_PEAK_VOLTAGE).substring(0,String(result1[cnt].ED_PEAK_VOLTAGE).indexOf("."))+ String(result1[cnt].ED_PEAK_VOLTAGE).substr(String(result1[cnt].ED_PEAK_VOLTAGE).indexOf("."), 3) ,
current: String(result1[cnt].ED_PEAK_CURRENT).substring(0,String(result1[cnt].ED_PEAK_CURRENT).indexOf("."))+ String(result1[cnt].ED_PEAK_CURRENT).substr(String(result1[cnt].ED_PEAK_CURRENT).indexOf("."), 3) ,
nmv: "",
modelCombination: combStr[0],
measureDFTP1: "",
measureDFTP2: "",
measureDFTP3: "",
measureDFTP4: "",
measureDFTP5: "",
measureDFTP6: "",
predicatedDFTP1: "",
predicatedDFTP2: "",
predicatedDFTP3: "",
predicatedDFTP4: "",
predicatedDFTP5: "",
predicatedDFTP6: "",
repeatRow : {
modelCombination11: "",
measureDFTP11: "",
measureDFTP21: "",
measureDFTP31: "",
measureDFTP41: "",
measureDFTP51: "",
measureDFTP61: "",
predicatedDFTP11: "",
predicatedDFTP21: "",
predicatedDFTP31: "",
predicatedDFTP41: "",
predicatedDFTP51: "",
predicatedDFTP61: "",
}
};
this.data1.push( myvalues );
请提出因面临问题而出了什么问题。预先感谢。