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>

最后样式如下图

相关推荐
wuxuanok几秒前
Web前端开发-HTML、CSS
前端·css·html
Mike_jia几秒前
Dish:套接字监控领域的「听诊器」——轻量级网络健康守护神深度解析
前端
独立开阀者_FwtCoder9 分钟前
"页面白屏了?别慌!前端工程师必备的排查技巧和面试攻略"
java·前端·javascript
慧一居士10 分钟前
Vite 完整功能详解与 Vue 项目实战指南
前端·vue.js
南岸月明10 分钟前
不聊主业,聊聊你们眼中的副业是什么样的?
前端
Kevin在掘金9201415 分钟前
c#、.net、Fluent UI Blazor
前端
LovelyAqaurius16 分钟前
RSA加密算法:从数学魔法到现实守护
前端
Hilaku17 分钟前
说实话,React的开发体验,已经被Vue甩开几条街了
前端·javascript·vue.js
星语卿17 分钟前
Js事件循环
javascript
datagear18 分钟前
如何在DataGear 5.4.1 中快速制作HTTP数据源服务端分页的数据表格看板
javascript·数据可视化