Когда я пытаюсь создать новую кнопку, она не дублируется. ⇐ CSS

[Anonymous]

Я хочу создать кнопку удаления в каждой строке таблицы, поэтому я создал элемент removeButton в JavaScript и добавил его в каждую строку. Однако он перемещается к последней строке всякий раз, когда я создаю новые строки.
Вот моя таблица
Вот моя таблица, когда я создаю новую строку
Код:
Я создал элемент RemoveButton:

Код: Выделить всё

const removeButton = document.createElement("button");
removeButton.innerText = "Remove book";
removeButton.className = "table__remove-btn";

И добавьте его в каждую строку при обновлении таблицы:

Код: Выделить всё

function updateTable() {
table.innerHTML =
"TitleAuthorPagesIs read?";
if (myLibrary.length != 0) {
const tableContent = document.createDocumentFragment();
myLibrary.forEach((value) => {
const tableRow = document.createElement("tr");
const titleCell = document.createElement("td");
const title = document.createElement("p");
const author = document.createElement("td");
const pages = document.createElement("td");
const isRead = document.createElement("td");
title.innerText = value.title;
titleCell.appendChild(title);
titleCell.appendChild(removeButton); // 

Подробнее здесь: [url]https://stackoverflow.com/questions/79057749/when-i-try-to-create-a-new-button-it-doesnt-duplicate[/url]