引导程序崩溃与Laravel表内

瓦西里斯希腊

我要做的是在用户单击带有自举折叠的按钮后,显示特定顺序的详细信息。

下面的图片将向您展示我所期望的解决方案。

在单击按钮之前:

在此处输入图片说明

单击按钮后,我想要的理想解决方案是:

在此处输入图片说明

但是,我得到的不是这个结果(这是我的问题,每个td元素仅在一行中):

在此处输入图片说明

HTML:

<div class="container">
<h1>My Orders</h1>
<h3>Total orders: {{$orders->total()}}</h3>
<table class="table table-striped">
    <thead>
    <tr>
        <th class="col-sm-4">Order Id</th>        
        <th class="col-sm-4">Total Paid</th>
        <th class="col-sm-2">Order Date/Time</th>
    </tr>    
    </thead>
    <tbody>
    @foreach($orders as $keyo => $item)
        <tr style="width: 100%;">
            <td>{{$item->id}} <button class="btn btn-success fa fa-eye" type="button" data-toggle="collapse" data-target="#viewmyorder{{$keyo}}" aria-expanded="false" aria-controls="collapseExample"></td>            
            <td>{{ number_format($item->total_paid,2,',','') }} &euro;</td>
            <td>{{$item->created_at}}</td>            
        </tr>     
        <tr id="viewmyorder{{$keyo}}" class="collapse" style="width: 100%;">
            <?php $orderitemtable = \App\OrderItem::all()->where('order_id', $item->id); ?>
            @foreach($orderitemtable as $theitems)
                <?php $findproducts = \DB::table('products')->select('id', 'name', 'code', 'price')->where('id', $theitems->product_id)->get(); ?>
            @foreach($findproducts as $pr)                          
                <td class="col-md-1">{{$pr->name}}</td>
                <?php $findphoto = \App\Photo::where('product_id', $pr->id)->get()->first(); ?>             
                <td class="col-md-4"><img src="/{{$findphoto->show_path}}"></td>                            
                <td class="col-md-1">{{$pr->code}}</td>
                <td class="col-md-1">{{$pr->price}}</td>            
                @if($theitems->order_condition == 0)
            <td class="col-md-2">Condition Order: Is in proccess</td>
            @elseif($theitems->order_condition == 1)
            <td class="col-md-2">Condition Order: We haven't enough items</td>
            @elseif($theitems->order_condition == 2)
            <td class="col-md-2">Condition Order: Order Completed</td>
            @endif  
            @if(($theitems->order_comments != null)== true)     
            <td class="col-md-3">{{$theitems->order_comments}}</td>
            @else
            <td class="col-md-3">No comments in this item</td>
            @endif          

            @endforeach    

            @endforeach

        </tr> 
    @endforeach

    </tbody>
</table>
</div>
吉纳尔·帕特尔(Jinal Patel)

您可以将手风琴用于折叠表行。这是最好的例子。http://www.bootply.com/fdTMNTiLis

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

引导程序内的行崩溃

来自分类Dev

引导程序崩溃重叠

来自分类Dev

引导程序自动崩溃

来自分类Dev

引导程序崩溃事件捕获

来自分类Dev

引导程序崩溃,行为错误

来自分类Dev

嵌套引导程序3.1.1崩溃

来自分类Dev

引导程序:崩溃/显示图标问题

来自分类Dev

角引导程序崩溃的奇怪行为

来自分类Dev

引导程序为什么不崩溃?

来自分类Dev

引导程序中的响应表

来自分类Dev

Laravel设置引导程序选择

来自分类Dev

移动崩溃引导程序无法在Chrome中运行

来自分类Dev

崩溃过渡不适用于angular的UI引导程序

来自分类Dev

Twitter引导程序崩溃,标题内有广播

来自分类Dev

导航栏崩溃在引导程序中不起作用

来自分类Dev

引导程序崩溃时是什么意思?

来自分类Dev

为什么添加此行后引导加载程序崩溃?

来自分类Dev

移动崩溃引导程序无法在Chrome中运行

来自分类Dev

引导程序崩溃,带有选择选项

来自分类Dev

Ubuntu 14.04LTS引导加载程序崩溃

来自分类Dev

引导程序中的Navbar崩溃不起作用

来自分类Dev

崩溃时发布样式引导程序导航栏

来自分类Dev

检查引导程序崩溃导航栏是否溢出

来自分类Dev

为什么添加此行后引导加载程序崩溃?

来自分类Dev

使引导程序表尽可能小

来自分类Dev

表中的响应图像(引导程序3)

来自分类Dev

使用引导程序更改表标题颜色

来自分类Dev

引导程序向表添加行

来自分类Dev

引导程序自定义表宽度