Как средствами DOM создать таблицу и занести туда готовый массив как показано на рисунке?
<!DOCTYPE HTML>
<!-- Do not remove and do not change this string -->
<html>
<head>
<meta charset=utf-8>
<style>
.div1{
background-color: blue;
width: 50%;
height: 50%;
text-align: center;
}
</style>
<script>
var tableObj = document.createElement('table');
var z=new Array(
new Array("Иванов",3),
new Array("Петров",4),
new Array("Сидоров",5),
new Array("Романов",3),
new Array("Македонский",2),
new Array("Барбаросса",4),
new Array("Цезарь",5),
new Array("Бендер",5)
);
</script>
</head>
<body>
<div class="div1" id="div1">
</div>
<table border='1'>
</table>
</body>
</html>
<!-- Do not remove and do not change this string -->