Как добавить data-bs-toggle и data-bs-target в мой скрипт - Таблицы данных

Я хочу сделать веб-приложение на платформе django с использованием таблиц данных. Я получаю данные из базы данных с помощью json и вывожу их на экран. Я смог добавить кнопки -edit и -delete, как вы можете видеть на фотографии, но я не могу добавить функциональность к этим кнопкам с помощью javascript.

Как добавить атрибуты data-toggle и data-target внутрь? Кроме того, я хочу передавать id данных в строке с data-target, чтобы я мог редактировать данные. Спасибо за помощь!

введите описание изображения здесь

.....

"ajax": "/json",
          "columns": [
            {"data": "id"},
            {"data": "code"},
            {"data": "muestra"},
            {"data": "ship"},
            {"data": "num"},
            {"data": "enc"},
            {"data": "obv"},
            // {"data": "result"},
            {"data": "created_at"},
            {data: null,
              render: function ( data, type, row ) {
                return '<a class="btn btn-outline-success text-center" title="Edit row"><i class="fa-solid fa-pen-to-square" style="color:green !important;"></i></a>';
              }
            },
            {data: null,
              render: function ( data, type, row ) {
                return '<a class="btn btn-outline-danger text-center" title="Delete row"><i class="fa-solid fa-delete-left" style="color:red !important;"></i></a>';
              }
            },
          ],

.....

$( "#example" ).on('click','tr a', function() {
            var tr = $(this).closest('tr');
            var data = table.row(tr).data();
            console.log(data.id);

            $($(this).attr('data-bs-toggle','modal'));
            $($(this).attr('data-bs-target','#editModaldata.id')).model("show");
      });

Вернуться на верх