$(document).ready(function() {
if('${detailDataList}'!='undefined'&&'${detailDataList}'!=""&&'${detailDataList}'!=null){
var detailList='${detailDataList}';
var dataList= eval(detailList);
//console.log(dataList);
var rowVar =1;
var sameFlag=0;
var tempSteelNumber="";
var table = $("#productTable").find("tbody");
for(var i=0;i<dataList.length;i++){
if(dataList[i].steel_number!=tempSteelNumber){
table.append(
"<tr>"
+"<td nowrap='nowrap'>"+(i+1)+"</td>"
+"<td id="+dataList[i].aa+" rowspan="+rowVar+" nowrap='nowrap'>"+dataList[i].bb+"</td>"
+"</tr>"
);
tempSteelNumber=dataList[i].aa;
}else{
$("#"+tempSteelNumber).attr("rowspan",rowVar);
table.append(
"<tr>"
+"<td nowrap='nowrap'>"+(i+1)+"</td>"
+"</tr>"
);
}
rowVar++;
};
}
if('${detailDataList}'!='undefined'&&'${detailDataList}'!=""&&'${detailDataList}'!=null){
var detailList='${detailDataList}';
var dataList= eval(detailList);
//console.log(dataList);
var rowVar =1;
var sameFlag=0;
var tempSteelNumber="";
var table = $("#productTable").find("tbody");
for(var i=0;i<dataList.length;i++){
if(dataList[i].steel_number!=tempSteelNumber){
table.append(
"<tr>"
+"<td nowrap='nowrap'>"+(i+1)+"</td>"
+"<td id="+dataList[i].aa+" rowspan="+rowVar+" nowrap='nowrap'>"+dataList[i].bb+"</td>"
+"</tr>"
);
tempSteelNumber=dataList[i].aa;
}else{
$("#"+tempSteelNumber).attr("rowspan",rowVar);
table.append(
"<tr>"
+"<td nowrap='nowrap'>"+(i+1)+"</td>"
+"</tr>"
);
}
rowVar++;
};
}
});