FastAdmin默认表单中显示列表

FastAdmin表单中又列表,例如订单下有好几个商品需要进行显示,其他字段用系统默认表单样式。

html 复制代码
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('商品详情')}:</label>
        <div class="col-xs-12 col-sm-8">
        <table class="table table-striped">

                <tbody>
                <tr>
                    <td>{:__('门店名称')}</td>
                    <td>{:__('商品图片')}</td>
                    <td>{:__('商品名称')}</td>
                    <td>{:__('商品规格')}</td>
                    <td>{:__('购买数量')}</td>
                </tr>
                {foreach name="data" id="rows"}
                <tr>
                    <td style="word-break: break-all;">{$rows['store']['title']}</td>
                    <td style="word-break: break-all;"><img src="{$rows.goods.image|htmlentities|cdnurl}" width="50px" alt=""></td>
                    <td style="word-break: break-all;">{$rows['goods']['title']}</td>
                    <td style="word-break: break-all;">{$rows['item_name']}</td>
                    <td style="word-break: break-all;">{$rows['goods_count']}</td>
                </tr>
                {/foreach}

                </tbody>
            </table>
        </div>
    </div>

最后样式如下图

相关推荐
恋猫de小郭1 小时前
Flutter A2UI 深度解析,它是怎么提供动态生产力的,然后为什么 A2UI 不只是 Flutter
android·前端·flutter
snow@li1 小时前
服务器运维:Alibaba Cloud Linux 4 LTS・Vue前端 Java 后端 K3S 部署 CICD 目录规范清单
linux·前端·vue.js
mONESY1 小时前
从零到上线:全栈项目部署全流程实战
javascript
百变梦仔1 小时前
Codex 启动回复合格后,我会用三类证据验收前端改动
前端·github
the局外人1 小时前
别让 Codex 一口气写完整个前端:5 组 Skills,把页面、逻辑、测试和构建拆清楚
前端·人工智能·agent
honkun61 小时前
vue 表格组件 vxe-table 实实现专业记账凭证编辑表格与自动汇总
前端·javascript·vue.js
前端snow2 小时前
ai agent ---nest+langchain实现SSE推送信息
前端
IMPYLH2 小时前
HTML 的 <nav> 元素
前端·html
蛋先生DX2 小时前
明明都是源码到CPU,各语言中间原理咋不是一个套路?
java·javascript·go
IT_陈寒2 小时前
Vue的computed属性差点让我加班到凌晨
前端·人工智能·后端