如何通过id返回详细的搜索结果？

新手问题，请高手指导下，
以下代码取出符合条件的包含所有字段的记录

pagination=Repair.query.order_by(Repair.StartTime.desc()).paginate(
    page,per_page=10,error_out=False)
repairs=pagination.items

return render_template('index.html',repairs=repairs,pagination=pagination)

html通过一个循环显示一个包含特定字段的表格，现在我点击其中一行，弹出一个模态框，希望能显示这条记录的详细情况（包含该条记录的所有字段）。目前通过javascript已取到点击的id，这个循环该怎么写，返回这条id记录的所有段信息？

<table class="table table-striped table-bordered table-hover" style="text-align:center">
<thead>
    <tr>
        <th>Case ID</th>
        <th>主机名</th>
        <th>标题</th>
        <th>状态</th>
        <th>功能</th>
    </tr>
</thead>
<tbody>
    
    {% for u in repairs %}
    <tr>
        <td>{{ u.id }}</td>
        <td>{{ u.Hostname }}</td>
        <td>{{ u.Subject }}</td>
        <td>{{ u.StartTime }}</td>
        <td>{{ u.Status }}</td>

        <td>
            <button class="btn btn-xs btn-info" id="{{ u.id }}" " data-toggle="modal" data-target=#rolePopup>
            Info
            </button>
            <button class="btn btn-xs btn-success">Reply</button>
            <div class="btn-group">
                <button type="button" class="btn btn-xs btn-primary dropdown-toggle"
                    data-toggle="dropdown">
                    Warning <span class="caret"></span>
                </button>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#"><span class="pull-left"><i class="fa fa-arrow-circle-right"></i></span>Send mail</a></li>
                <li><a href="#"><span class="pull-left"><i class="fa fa-arrow-circle-right"></i></span>Send SMS</a></li>
            </ul>
            </div>
        </td>
    </tr>
    {% endfor %}
</tbody>
<tfoot></tfoot>
    
</table>

---

那几行td用tr/div打包一下，加个id属性对应纪录id，然后jquery整个on click监视，点击后检查并删除modal已存在的div，更新对应id的div到modal，搞掂。
上面方法效率很低，建议还是flask搞个路由接收纪录id。点击后ajax提交id，flask套模版生成几个td的html然后返回，异步更新到modal。不在后端生成就返回json前端拼接。