数据表格中间无法拖动
2017-06-07 19:29:58
枫儿
  • 访问次数: 2
  • 注册日期: 2017-06-07
  • 最后登录: 2017-06-07

在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
沙发
2017-06-14 09:08:34
sunhao
  • 访问次数: 277
  • 注册日期: 2015-04-20
  • 最后登录: 2023-12-13

默认情况中间列会自动调整宽度,但通常不会主动超出预留空间(出现滚动)。

你仍然可以为中间的每一列指定宽度来使得有足够的宽度,超出可用的空间,实现滚动。

<th class="flex-col" data-width="800">
1/1