Динамическое удаление кнопок из строки таблицы

Question

Я добавляю кнопку к элементу, как показано ниже.

(this.sample as any).element.addEventListener("mouseover", function (e) {
      if ((e.target as HTMLElement).classList.contains("e-rowcell")) {
        let ele: Element = e.target as Element;
        let row = parentsUntil(ele, "e-row");
        this.row = row;
        row.lastChild.appendChild(this.button);
        row.lastChild.appendChild(this.button1);
      }
    }.bind(this));

Я хочу удалить кнопку при отпускании мыши Пожалуйста, дайте мне знать, как это сделать ?? смотрите скриншот ниже

Пожалуйста, смотрите ниже ссылку на стек Пример ссылки

Answer 1

удалить последний элемент, который вы добавили в событии mouseover. Я добавил метод загрузки после события mouseover.

 this.gridInstance.element.addEventListener("mouseleave", function(e){
        console.log(this.lastRow.lastChild.lastChild.remove());
      }.bind(this))

Я его протестировал.

Answer 2

Вы можете использовать кнопки в HTML по умолчанию и показывать / скрывать их в CSS.

button {
   display: none;
}
.row:hover button {
   display: block;
}