если можно изменить html код и есть вариант что порядок будет меняться тогда делай так .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table border="1">
<thead>
<tr id="tab">
<th data-info="timestamp">Дата</th>
<th data-info="id">№ заказа</th>
<th data-info="user_id">ID покупателя</th>
<th data-info="total">Общая сумма</th>
<th data-info="typical">Обычные продажи</th>
<th data-info="recommended">Рекомендованные продажи</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
<script>
function f (tab) {
return [].map.call(tab.children, function (elem) {
return elem.getAttribute('data-info') // или elem.dataset.info IE11+
})
}
alert(f(document.getElementById('tab')))
</script>
</html>