const content = [
["Text 1", "Link 1", "https://example.com/1"],
["Text 2", "Link 2", "https://example.com/2"],
["Text 3", "Link 3", "https://example.com/3"],
["Text 4", "Link 4", "https://example.com/4"],
["Text 5", "Link 5", "https://example.com/5"],
["Text 6", "Link 6", "https://example.com/6"],
["Text 7", "Link 7", "https://example.com/7"],
["Text 8", "Link 8", "https://example.com/8"],
["Text 9", "Link 9", "https://example.com/9"],
["Text 10", "Link 10", "https://example.com/10"]
];

const tableBody = document.getElementById("table-body");

content.forEach(row => {
const tr = document.createElement("tr");
const td1 = document.createElement("td");
const td2 = document.createElement("td");
const a = document.createElement("a");

td1.textContent = row[0];
a.href = row[2];
a.textContent = row[1];
a.target = "_blank";

td2.appendChild(a);
tr.appendChild(td1);
tr.appendChild(td2);
tableBody.appendChild(tr);
});