Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
var a=[
{'fam': 'Иванов', 'name': 'Иван', 'otch': 'Иванович'},
{'fam': 'Петров', 'name': 'Пётр', 'otch': 'Петрович'}
];
$(document).ready(function(){
$("button").click(function() {
var i;
var str;
for (i=0; i<a.length; i++) {
str='<tr>';
str+='<td>';
str+=a[i].fam
str+='</td>';
str+='<td>';
str+=a[i].name
str+='</td>';
str+='<td>';
str+=a[i].otch
str+='</td>';
str+='</tr>';
$('#data').append(str);
};
});
});
</script>
</head>
<body>
<table width="100" border="1" cellspacing="10" cellpadding="10">
<thead>
<tr>
<th scope="col" id="fam0"> </th>
<th scope="col" id="name0"> </th>
<th scope="col" id="otch0"> </th>
</tr>
</thead>
<tbody id='data'>
<tr>
<td id="fam1"> </td>
<td id="name1"> </td>
<td id="otch1"> </td>
</tr>
</tbody>
</table>
<button>Add</button>
</body>
</html>