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>

最后样式如下图

相关推荐
bin91531 小时前
DeepSeek 助力 Vue 开发:打造丝滑的复制到剪贴板(Copy to Clipboard)
前端·javascript·vue.js·ecmascript·deepseek
晴空万里藏片云3 小时前
elment Table多级表头固定列后,合计行错位显示问题解决
前端·javascript·vue.js
曦月合一3 小时前
html中iframe标签 隐藏滚动条
前端·html·iframe
奶球不是球3 小时前
el-button按钮的loading状态设置
前端·javascript
kidding7233 小时前
前端VUE3的面试题
前端·typescript·compositionapi·fragment·teleport·suspense
无责任此方_修行中4 小时前
每周见闻分享:杂谈AI取代程序员
javascript·资讯
Σίσυφος19005 小时前
halcon 条形码、二维码识别、opencv识别
前端·数据库
学代码的小前端5 小时前
0基础学前端-----CSS DAY13
前端·css
dorabighead6 小时前
JavaScript 高级程序设计 读书笔记(第三章)
开发语言·javascript·ecmascript
css趣多多6 小时前
案例自定义tabBar
前端