Использует JQuery. Если у вас есть более одного стола, вам нужно изменить его, чтобы приспособить это. Также просто добавляется в конец документа. Если вы хотите его где-то еще, найдите элемент, после которого хотите разместить его, и вставьте его в DOM в этот момент.
$(document).ready(
function() {
var headers = $('tr:first').children();
$('tr:not(:first)').each(
function(i,row) {
var cols = jQuery(row).children();
var dl = jQuery('<dl></dl>');
for (var i=0, len = headers.length; i < len; ++i) {
var dt = jQuery('<dt>');
dt.text( jQuery(headers[i]).text() );
var dd = jQuery('<dd>');
dd.text( jQuery(cols[i]).text() );
dl.append(dt).append(dd);
}
$('body').append(dl);
}
);
$('table').remove();
}
);