chelseaNB1 2022-11-16 20:05 采纳率: 75.7%
浏览 18
已结题

请问我后端拿到数据以后传到前端,如何在表格内进行展示

后端发送的是列表套字典的格式


queryset = [{'id': 1, 'insect_name': '稻纵卷叶螟', 'crop': '水稻', 'harm_days': 7}, {'id': 2, 'insect_name': '棉蚜', 'crop': '棉花', 'harm_days': 5}]

传递到前端使用django模板语句进行遍历,渲染到table中


 <div style="margin-top:10px;">
        <table>
            <thead>
            {% for i in queryset.0.keys %}
            <tr>
                <th>{{ i }}</th>
            </tr>
            {% endfor %}
            </thead>
            {% for item in queryset %}
                {% for i in item.values %}
            <tbody>
            <tr>
                <td>{{ i }}</td>
            </tr>
            </tbody>
                {% endfor %}
            {% endfor %}
        </table>
    </div>

结果他是竖着展示的了,字段数值都在一列,我想让他像正常表格一样展示出来该怎么改一下呢,谢谢了!!

img

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-11-16 21:35
    关注

    循环th

     <div style="margin-top:10px;">
            <table>
                <thead>
                <tr>
                  {% for i in queryset.0.keys %}
                    <th>{{ i }}th>
                  {% endfor %}
                tr>
                thead>
                <tbody>
                {% for item in queryset %}
                <tr>
                    {% for i in item.values %}
                    <td>{{ i }}td>
                    {% endfor %}
                tr>
                {% endfor %}
                tbody>
            table>
        div>
     
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 11月25日
  • 已采纳回答 11月17日
  • 创建了问题 11月16日

悬赏问题

  • ¥15 调用函数时,无关变量的改变引起函数值的改变
  • ¥15 xy坐标转化为经纬度坐标
  • ¥15 一般三角模糊数的上界值和下届值取中值的多少比较合理?
  • ¥15 关于#python#的问题,请各位专家解答!
  • ¥20 Hbase启动失败,无法启动HMaster
  • ¥15 sqpingboot在父模块已经引入了mybatisplus 在子组件不写版本号还是报错
  • ¥20 Lumerical FDTD solutions 中模型的相对阻抗,有效介电常数和有效磁导率的实部和虚部的数据如何获得?
  • ¥100 sql reporting service 远程smtp服务器配置支持
  • ¥15 ppyoloe_r带角度目标检测,loss_cls没法收敛
  • ¥15 淘宝交易指数如何解读,其关联的数据指标是什么