bootstrap-table 数据 table 中的数据属性导致无限循环

data attributes in a bootstrap-table data table causes an infinite loops

我正在尝试使用 bootstrap-table 在 table 中输出数据。它输出数据,但在说“正在加载,请稍候”时会导致无限循环。如果有帮助,我也在使用树枝。我不确定自己做错了什么,因为遵循了 https://bootstrap-table.com/docs/getting-started/usage/

中的模板

这是我的代码

<div class="row mt-md-3">
    <div class="container">
        <div class="card">
            <div class="card-body">
                <div class="card-title pt-3 text-center h4">Site List</div>   
                <table  
                        data-toggle="table"
                        data-pagination="true"
                        data-search="true" 
                        data-page-list="[10, 25, 50, 100, all]"
                        data-show-columns="true"
                        >
                    <thead>
                        <tr>
                            <th data-sortable="true">Site Id</th>
                            <th data-field="domain">Domain Name</th>
                            <th data-field="total">Total Students</th>
                        </tr>
                    </thead>
                    {% for si in data.dashboard.SiteInfo %}
                        <tbody>
                            <tr>
                                <td>{{si.SiteId}}</th>
                                <td>{{ si.SiteName }}</td>
                                <td>{{si.TotalStudents}}</td>
                            </tr>
                        </tbody>
                    {% endfor %}
                </table>
            </div>
        </div>
    </div>    
</div>

您每次都在创建新的 <tbody> 尝试在 for loop

之前创建它
<tbody>
{% for si in data.dashboard.SiteInfo %}
           <tr>
               <td>{{si.SiteId}}</th>
               <td>{{ si.SiteName }}</td>
               <td>{{si.TotalStudents}}</td>
             </tr>
                        
 {% endfor %}
</tbody>