Можно ли использовать HTMX с таблицами данных?

В моих таблицах данных есть следующее:

columns: [
            {
               data: 'product.item_code',
               className: 'text-start align-middle',
               render: function (data, type, row) {
                  return '<a href="#" class="btn btn-primary" hx-post="/app/function/" hx-trigger="click" hx-target="#details" hx-swap="beforeend">' + row.product.item_code + '</a>'
               }
            }

Я не могу войти в функцию hx-post, когда тег якоря находится в таблице данных, но работает, если он находится в обычной HTML-странице

Главное - использовать htmx.process https://htmx.org/api/#process, чтобы дать жизнь вашему htmx-коду, определенному таким образом.

Вот блог, который я нашел, в котором рассказывается об этом, также с использованием Django, DataTables и HTMX, рассматривая именно вашу ситуацию: https://til.jacklinke.com/using-htmx-and-server-side-datatables-net-together-in-a-django-project

Ключевым моментом в блоге является использование htmx.process в DataTable initComplete обратного вызова.

   ...
   "initComplete": function( settings, json ) {
      htmx.process('#personTable');
   },
   ...
Вернуться на верх