从jquery或html加载引导弹出窗口的数据内容是否更好？

Question

我正在使用Bootstrap 4 ！！

我的问题是，当我有2k（甚至更多）行的表并且每行都有弹出按钮时，如果这样做更好（每行都有这样的内容，则html会更复杂）这只是一个展示）：

<button class="form-control"
        data-container="body"
        data-toggle="popover"
        data-html="true"
        data-content="
        <div>
           <h5>something</h5>
        </div>
 Test
</button>

加上javascript：

$(function () {
    $('[data-toggle="popover"]').popover()
})

或像这样通过jQuery动态加载数据内容（这是我正确知道的）：

let pop_click = function (el){
    $(el).popover({
         html: true,
        content:"<div>"+
                   "<h1>something</h1>"+ 
                "</div>"
    }).popover('show');

html中的事件触发：

//i use django for loop for getting id because of number of my rows
<button id="{{ each.id }}" onclick="pop_click($('#{{ each.id }}'))">
     Pop me
</button>

我想提高页面的性能和平滑度。我也是初学者，任何人都可能不会使用它。我正在使用Clusterize.js来显示块中的行。