2017-06-07 19:29:58
枫儿
|
在th上添加了
class
=
"flex-col
但是还是无法拖动 ,并且也没有拖动条
table源代码: <table class="table datatable">
<thead>
<tr>
<th>日期</th>
<th>游戏名</th>
<th>流水金额</th>
<th>佣金</th>
<th class="flex-col">周数</th>
<th class="flex-col">操作时间</th>
<th class="flex-col">变榜时间</th>
<th class="flex-col">差值</th>
<th class="flex-col">上次排名</th>
<th class="flex-col">到达排名</th>
<th class="flex-col">流水佣金总计</th>
<th class="flex-col">已回款金额</th>
<th class="flex-col">欠款金额</th>
<th class="text-important" >回款状态</th>
</tr>
</thead>
<tbody>
@foreach ($Orders as $order)
<tr operationtime="{{ $order->operation_time }}" app="{{ $order->app }}" >
<td style="color:#373E40; ">{{ $order->operation_time }}</td>
<td style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#2E68AA; ">{{ _uri('app', $order->app, 'title') }}</td>
<td style="color:#EB3F2F; ">{{ format_money($order->money) }}</td>
<td style="color:#F2753F; ">{{ format_money($order->commission) }}</td>
<td>{{ $BladeCommon->format_week($order->operation_time) }}</td>
<td>{{ $BladeCommon->format_time($order->operation_time) }}</td>
<td>{{ $BladeCommon->format_time($order->top_list['change_list_time']) }}</td>
<td style="color:#00B38C; ">{{ $BladeCommon->time_diff($order->top_list['change_list_time'], $order->operation_time ) }}</td>
<td style="color:#DE8C68; ">{{ $order->top_list['before_rank']==0?'-':$order->top_list['before_rank'] }}</td>
<td style="color:#F2753F; ">{{ $order->top_list['arrive_rank']==0?'-':$order->top_list['arrive_rank'] }}</td>
<td>{{ format_money($order->money + $order->commission) }}</td>
<td>0</td>
<td>4640</td>
<td>未回款</td>
</tr>
@endforeach
</tbody>
</table>
|
枫儿 最后编辑, 2017-06-07 19:38:50
sunhao
|
默认情况中间列会自动调整宽度,但通常不会主动超出预留空间(出现滚动)。 你仍然可以为中间的每一列指定宽度来使得有足够的宽度,超出可用的空间,实现滚动。
<th class="flex-col" data-width="800"> |
1/1
