在一定数量的列之后拆分html表
在一定数量的列之后拆分html表
提问于 2018-10-10 00:20:23
我正在尝试弄清楚如何将我的表格拆分成几个部分，而不是一个运行在页面上的长表。我正在尝试解析一个CSV文件，表中的列数取决于该文件。从那里我可以将每一列映射到所需的名称，然后导入它。我使用Laravel并将一些变量传递到视图中。我希望表每隔4列左右拆分一次。这就是我所拥有的：
<table class="table table-hover">
@if(isset($header_fields))
<thead class='thead-dark'>
<tr>
@foreach ($header_fields as $key => $value)
<div class="col-lg-3">
<th>{{$value}}</th>
</div>
@endforeach
</tr>
</thead>
@endif
<tbody>
@foreach ($sampledata as $row)
<tr>
@foreach ($row as $key => $value)
<td>{{$value}}</td>
@endforeach
</tr>
@endforeach
</tbody>
<tr>
@foreach ($data[0] as $key => $value)
<td>
<select class="form-control" id='sel' name="fields[{{$key}}]">
<option value="Skip">----------</option>
@if(isset($header_fields))
@foreach ($header_fields as $field)
<option value="{{$field}}" @if ($value === $field) @endif>{{$field}}</option>
@endforeach
@endif
<option value="First Name">First Name</option>
<option value="Middle Name">Middle Name</option>
<option value="Last Name">Last Name</option>
<option value="Address1">Address1</option>
<option value="Address2">Address2</option>
<option value="City">City</option>
<option value="State">State</option>
<option value="Zip">Zip</option>
<option value="Zip4">Zip4</option>
<option value="SSI_Keycode">SSI_Keycode</option>
</select>
</td>
@endforeach
</tr>
</table>我完全不知道我将如何处理这个问题，任何帮助都是非常感谢的！
示例表：
如果有很多列，应该是什么样子：
回答 1
Stack Overflow用户
发布于 2018-10-10 06:57:09
我建议使用bootstrap responsive tables，而不是“拆分”表
<div class="table-responsive">
<table class="table">
...
</table>
</div>因为列数是未知的，所以您永远不会知道拆分表的位置/频率。有了响应表，您的表将可以在所有分辨率下访问。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52725372
复制相关文章
相似问题