为表格内的按钮添加带把手的引导弹出式管理

Question

我自定义了一个在表中使用的popover，问题是是否将div放入其中，我将使用把手将填充的popover的标记注入到div中。我必须找到一个解决方案来合并车把的一部分。或者，也可以用另一种方式渲染车把？在表格中插入带有弹出窗口的div还有另一种方法吗？

​

<script id="handlePopoverDesk" type="text/x-handlebars-template">
    <div id="list-popover" class="hide">
        <div class="closePopover">X</div>
        <ul class="nav nav-pills nav-stacked">
            {{#each deskType}}
            <li data-id="{{id}}" data-select="false" data-type="media" style="cursor:pointer;margin:2px 0 2px 0;"><a>{{type}}</a></li>
            {{/each}}
        </ul>
        <br />
        <button style="display: block; margin: 0 auto;" class="btn btn-primary btn-sm" data-target="#modal-addNewCategoryDesk" data-toggle="modal"><i class="fas fa-plus-square"></i>&nbsp Aggiungi</button>
    </div>
</script>

 var sourceDeskMedia = $("#handlePopoverDesk").html();
        var templateDeskMedia = Handlebars.compile(sourceDeskMedia);

<tr data-id="{{id}}" data-category="0">
        @*<td> <input type="checkbox" class="select-element"></td>*@
        <td class="responsivePressCoverageTable col-md-2 col-sm-2 col-xs-2">{{#simplifyDate publishingDate}}{{/simplifyDate}}</td>
        <td class="responsivePressCoverageTable col-md-8 col-sm-8 col-xs-8">
            <a style="text-decoration:none;font-weight: bold;" href="{{linkMedia}}" target="_blank">{{media}}</a><br />
            <a class="coverage-purchase" style="text-decoration:none;cursor:pointer;" data-target="#modal-purchase" data-toggle="modal" dataId="{{id}}">{{article}}</a><br />
            <a style="text-decoration:none;  font-style: italic;" href="{{linkJournalist}}" target="_blank">{{journalist}}</a>
        </td>
        <td class="col-md-1 col-sm-1 col-xs-1">{{#checkPurchase purchase}}{{/checkPurchase}}</td>
        @if (isProfessional)
        {
            <text>
                <td class="col-md-1 col-sm-1 col-xs-1"><button data-toggle="popoverFavorite" title="Salva in:" data-popover-content="#list-popover" data-placement="left" data-id="{{id}}" data-fav="{{savefavoriteElements}}" class="btn btn-warning btn-xs iPressShare">Salva &nbsp<i class="iPressIconShare fas fa-share-alt"></i></button></td>
               
                <div class="setDeskPressCoveragePaper row margin-10" data-id="{{id}}"></div>
            </text>

        }
        else
        {
            <text>
                <td></td>
            </text>
        }
    </tr>

​