Как передать значения таблицы в модал в Django?

Когда в проекте нажимается опция редактирования, я хочу перенести все значения в соответствующей строке в модальное окно, как я могу это сделать?

здесь тело таблицы

<tbody class="list form-check-all">
                                                      
        {% for x in model %}
        
        <tr>
            
            <td class="id">{{x.name}}</td>
            <td class="company_name">{{x.phonenumber}}</td>
            <td class="leads_score">{{x.note}}</td>
            <td class="phone">{{x.status}}</td>
            <td class="location">{{x.callname}}</td>
            <td class="date">{{x.dataname}}</td>
            <td>
                <ul class="list-inline hstack gap-2 mb-0">
                    <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Edit">
                        <a class="edit-item-btn" href="#showModal" data-bs-toggle="modal"><i class="ri-phone-line fs-16"></i></a>
                    </li>
                </ul>
            </td>
        </tr>
        {% endfor %}
</tbody>

и вот мой модал

Мои коды выглядят следующим образом. Когда опция редактирования нажимается отсюда, я хочу наследовать значения соответствующей строки в таблице внутри модала. Как я могу это сделать?

По сути, я бы сделал это следующим образом - когда вы загружаете модал, элемент, который его запускает, имеет атрибут data-id и вы отправляете его по AJAX в представление Django. Затем, до того, как модал полностью откроется, вы изменяете html код всего div, предварительно заполнив его шаблоном single-instance, который вы отправляете с помощью JsonResponse.

Что-то вроде этого должно работать:

const loadDetails = (e) => {
    let btn = $(e.currentTarget);
    const modalAjax = $("#modal-ajax");
    $.ajax({
        url: btn.attr("data-href"),
        type: 'GET',
        data: {id: <here_you_put_obj_id_using_data_attr>}
        dataType: 'json',
        beforeSend: function () {
            modalAjax.modal("show");
        },
        success: function (data) {
            modalAjax.find('.modal-content').html(data['html_form']);
        }
    });
};
Вернуться на верх