Answer is a bit late, but it looked like an interesting question, so here it goes...
The FIDDLE -
I read the stuff on Dynatable, and it wasn't very clear on parsing atypical JSON files.
Sooo...I did it from scratch.
The basic table is in HTML, and the rows of the table are appended to body. I've only used two JSON sets of variables, but you could easily count the number of variable sets in the array, then just loop to that number.
I learned that dynamically created tables are not styled very easily, thus the combination of HTML and javascript.
If you can figure out how to put individual data elements into Dynatable, you can see how I parsed it (it's fairly straight-forward).
Relevant JS
for(var n=0; n<2; n++)
{
var one = myarray[n].Hit_num;
var two = myarray[n].Hit_id;
var three = myarray[n].Hit_accession;
var four = myarray[n].Hit_hsps.Hsp.Hsp_num;
var five = myarray[n].Hit_hsps.Hsp.Hsp_bit_score;
var six = myarray[n].Hit_hsps.Hsp.Hsp_score;
var seven = myarray[n].Hit_hsps.Hsp.Hsp_evalue;
fillrow(one, two, three, four, five, six, seven);
}
function fillrow(one, two, three, four, five, six, seven)
{
$('tbody').append("<tr><td style='width:50px'>" + one +
"</td><td>" + two +
"</td><td>" + three +
"</td><td>" + four +
"</td><td>" + five +
"</td><td>" + six +
"</td><td>" + seven +
"</td></tr>");
}