Code: Select all
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
<title>Transformed Result Set</title>
</head>
<body class='sapUiBody'>
<div id='content'>
<table id='simpleCrosstab'>
<thead id='simpleCrosstabHeader'>
<tr id='simpleCrosstabHRow' class='headerRow'>
<th class='1'>1</th>
<th class='2'>2</th>
</tr>
</thead>
<tbody id='simpleCrosstabBody'>
<tr class='dataRow' class='1'>
<td class='1'>1</td>
<td class='2'>2</td>
</tr>
<tr class='dataRow' class='2'>
<td class='2'>2</td>
<td class='4'>4</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Code: Select all
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
<title>Transformed Result Set</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#content').append("<table></table>").attr( "style", "width:100%" ).attr( 'id', 'simpleCrosstab');
$('#simpleCrosstab').append("<thead></thead>").attr( 'id', 'simpleCrosstabHeader');
$('#simpleCrosstabHeader').append("<tr></tr>").attr( 'id', 'simpleCrosstabHRow');
$('#simpleCrosstabHRow').addClass('headerRow');
$('#simpleCrosstab').last().append("<tbody></tbody>").attr( 'id', 'simpleCrosstabBody');
for (var k = 0; k < 2; k++) {
$('#simpleCrosstabHRow').append("<th></th>").addClass(k).text(k);
}
for (var i = 0; i < 2; i++) {
$('#simpleCrosstabBody').append("<tr></tr").addClass('dataRow').addClass(i).text(i);
for (var j = 0; j < 2; j++) {
$('#simpleCrosstabBody > tr').last().append("<td></td>").addClass(i*j).text(i*j);
}
}
});
</script>
</head>
<body class='sapUiBody'>
<div id='content'></div>
</body>
</html>
Code: Select all
<div id="simpleCrosstabHRow" style="width:100%" class="headerRow">1</div>
Thanks!