Seria mais uma curiosidade para entender como funciona, fizemos os testes adicionando valores na tabela, porém estes dados só funcionam em período de execução e não salvam permanentemente na tabela, como seria o processo de adicionar e os valores ficassem na estrutura HTML de fato?
Fala ai Pereira, tudo bem? Isso pode ser feito de N maneiras, vou te falar as maneiras de fazer isso se tratando do navegador.
Caso você queira manter as informações na tabela mesmo após fechar o navegador ou aba, será necessário utilizar algum storage que persiste os dados.
No navegador podemos utilizar alguns, sendo: LocalStorage e IndexedDB.
Para começar a fazer alguns testes, tente fazer utilizando o localStorage pois será mais simples.
A ideia é salvar no localStorage e quando carregar a página você lê os dados do localStorage também, ele será como seu banco de dados.
Espero ter ajudado.
Geralmente em um software, uma tabela é montada de acordo com os dados que estão no seu banco de dados.
Uma tabela que lista seus produtos cadastrados, não tem como você saber quantos produtos possui no seu sistema cadastrado, então basicamente a tabela é montada usando lógica.
Por fim, não é possivel adicionar HTML permanente. O navegador le seu arquivo de html sempre que a pagina é carregada.