Bootstrap 5用Ajax加载

Question

我正在尝试通过Ajax加载bootstrap弹出窗口。弹出声似乎加载了，但是弹出窗体显示为[Object Object]。以下是我的代码。我在悬停（链接）上触发弹出窗口。

    $(".jtxndtl").popover({
        delay: 500,
        content: function () {
            var elem = $(this);
            url = elem.data('link');
            return $.getJSON(url, function (data) {
                var resp = data.msg;
                var dtl = `<table class="border">  <tr><th>Date</th>
                                <th>Description</th>
                                <th>Payee</th>
                                <th>Outflow</th>
                                <th>Inflow</th>
                            </tr>`;

                $.each(resp, function (key, value) {
                    dtl += `<tr>
                                <td>`+ value['event_date'] + `</td>
                                <td>`+ value['description'] + `</td>
                                <td>`+ value['payee'] + `</td>
                                <td>`+ value['dr_amount'] + `</td>
                                <td>`+ value['cr_amount'] + `</td>
                            </tr>`;
                });
                dtl += "</table>";
                // console.log(dtl);
                return dtl;
            });
        }
    });

如您所见，我正在尝试在弹出窗口中加载一个格式化的表。表值在console.log（dtl）中正确填充，但是数据在popover中未按预期显示。

我尝试了这里发布的许多解决方案（BS5很少），但似乎没有用。任何帮助将不胜感激。