Как правильно удалить строку DataTable jQuery?

Question

[Роман Александров]

Динамически генерирую записи для таблицы, используя jQuery DataTable.
Сейчас никак не могу понять как правильно удалить добавленную строку

Я пробовал это делать так ( `#trow_${PROD_ID}` - id нужного tr ):

$(`#trow_${PROD_ID}`).remove();

Это работало, но когда я начинал пользоваться сортировкой таблицы, строка вновь появлялась

Так же я попробовал такое:

dataTable.row($(`#trow_${PROD_ID}`)).remove().draw()

И когда я удалял последний элемент, вся таблица исчезала

Соответственно вопрос в том, как сделать так
чтобы строка удалилась без риска исчезновения таблицы и восстановления после сортировки?

Answer 1

[coderisimo]

Не совсем понимаю суть вашей проблемы, но , вот простой пример. Мы удаляем строки (просто кликая по ним). Когда строк не остается - таблица-таки еще на месте ))



если данные для таблицы получаете по ajax - посмотрите , что происходит при сортировке. Если у вас идет запрос к серверу, то не удивительно, что вы снова получаете полный набор (включая удаленные строки). Т.е вам нужно удалять строки и в БД, например.

Comments

[Роман Александров]

Понял что при удалении первым способом jQuery все равно помнит о строке
и при сортировке или поиске она вновь появляется.
С тем почему исчезает таблица пока не разобрался, но похоже косяк не в этом

[coderisimo]

Роман Александров,
здесь работает лишь способ , описанный в документации.
https://datatables.net/reference/api/row().remove()
там же объяснено, зачем вызывать .draw(). Вообще, у них отличная документация. Куча примеров.