JSON в HTML Форму с функционалом .Pure JS(удаления, поиска, сортировки) Tabulator использовать нельзя

Дано: JSON файл на стороне, приходит массив с объектами, в каждом объекте Юзер данные, 5 пунктов. Нужно перенести это в красивую таблицу(стили понятно как сделать),с доп. элементом удаления в каждой строке. (модалку и сортировку постараюсь сделать сам), мне бы понять как грузить по ключу в нужную колонку и название я могу присвоить в HTML заранее? только учусь и вот, что я смог за 6 дней поисков и изучения O_O. (не ожидал такого Т/З на Джуна)

я по разному пробовал добавлять не получилось разобраться в HTMLTableElement P.S понимаю, что похожие вопросы уже были, но такой задачи как у меня я не нашел.

let responce = await fetch(`https://somesite.data.users`);
let content = await responce.json()
let key;

let usersForm = document.querySelector('.table')
for(key in content){
  usersForm.innerHTML += `<td class ="userid"> ${content[key].id}</td>`
  usersForm.innerHTML += `<td class ="username"> ${content[key].username}</td>`
  usersForm.innerHTML += `<td class="useremail"> ${content[key].email}</td>`
  usersForm.innerHTML += `<td class="userregistration_date"> ${content[key].registration_date}</td>`
  usersForm.innerHTML += `<td class ="userrating"> ${content[key].rating}</td>`
}


getResponce()