Заменить информацию таблицы на новую и сделать таблицу похожей?

Question

Итак, у меня есть этот код, в котором есть таблица со всеми продуктами, которые пользователь щелкнул, чтобы купить. Когда страница загружена, я хочу заменить информацию, имеющуюся в столбце, информацией из локального хранилища, но я не могу это сделать, и я не знаю, почему ...

Html:

<div class="rTable">
  <div class="rTitleRow">
    <div class="rTableHead"><strong>Producto</strong></div>
    <div class="rTableHead"><span style="font-weight: bold;">Preço</span></div>
    <div class="rTableHead">Quantidade</div>
  </div>
  <div class="rTableRow">
    <div class="rTableCell">T-shirt World</div>
    <div class="rTableCell">
      <p class="cart-price">14.99€</p>
    </div>
    <div class="rTableCell"><input style="width:50px;height: 20px;" type="number" class="quantity" name="quantity" min="1">
      <button class="btn-danger">Remover</button></div>
  </div>
  <div class="rTableRow">
    <div class="rTableCell">T-shirt World</div>
    <div class="rTableCell">
      <p class="cart-price">14.99€</p>
    </div>
    <div class="rTableCell"><input style="width:50px;height: 20px;" type="number" class="quantity" name="quantity" min="1" value="1"> <button class="btn-danger">Remover</button></div>
  </div>
</div>

JavaScript:

function reloadShoppingCart() {
  var storedInfo = JSON.parse(localStorage.getItem("names"));
  var cartRow = document.createElement('div');
  cartRow.classList.add('rTableRow')
  var classy = "rTableCell"
  var cartItems = document.getElementsByClassName('rTable')[0]
  var item_name =
    var size = storedInfo[0]
  var cartRows = '<div class="rTableRow"> <div class="rTableCell">${item_name}</div> <div class="rTableCell"><p class="cart-price">14.99€</p></div> <div class="rTableCell"><input style="width:50px;height: 20px;" type="number" class="quantity" name="quantity" min="1" value="1">               <button class="btn-danger" >Remover</button></div> </div>'
  cartRow.innerHTML = cartRows
  cartItems.append(cartRow)
}