django 一对多生成的表格，bootstrap如何进行合并单元格？

Question

我的每个测试仪机框都只有一个ip，但可以插多张卡，每张卡有多个port，我在前端用for循环生成表格，但想把属于同一个框的port对应的ip进行合并，不知道问题出在哪？没有成功，请高手赐教，我错在哪？
<link rel="stylesheet" href="/static/bootstrap-table/dist/bootstrap-table.min.css"/>
<script type="text/javascript" src="/static/plugins/bootstrap/js/bootstrap.js"></script>
<script src="/static/bootstrap-table/dist/bootstrap-table.min.js"></script>
<script src="/static/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js"></script>
{% for row in port_objs %}

                    <tr role="row" class="top">
                        <td style="vertical-align:middle"><input type="checkbox" value={{ row.id }}></td>
                        <td data-field="ip" name="ip" style="display:table-cell; vertical-align:middle">
                            {{ row.card.get.ip.ip }}
                            {{ row.card.get.ip.chassis_info|linebreaksbr }}
                        </td>
                        <td name="card" style="display:table-cell; vertical-align:middle">{{ row.card.get.slot }}</td>
                        <td style="display:table-cell; vertical-align:middle">{{ row.port_num }}</td>

<script type="text/javascript">

$(document).ready(function(){
    var ips = {{ count.0 }}
    var cards = {{ count.1 }}
    for(var i=0;i<ips.length;i++){
        console.log(ips[i]);
        $("#table0").bootstrapTable('mergeCells', {
            index: 1,
            field: 'ip',
            colspan: 1,
            rowspan: ips[i],
        });
    }
});

Answer 1

楼主解决了么，我也遇到同样的问题