什么是长数据表的Bootstrap3方法而不重复标题标题?

时间:2015-04-08 11:08:42

标签: twitter-bootstrap-3 responsive-design documentation html-table

带有系统命令的HTML表格运行时很长,如下所示:

https://help.ubuntu.com/community/SwitchingToUbuntu/FromLinux/RedHatEnterpriseLinuxAndFedora

是否有一种Bootstrap3方式可以使这些表格响应,保持桌面的广泛外观并创建一个移动外观,其中包含每个命令的操作上下文和操作系统供应商,而无需滚动?

1 个答案:

答案 0 :(得分:1)

您可以使用Contextual classes来设置引导表行的样式:

<tr class="active">...</tr>
<tr class="success">...</tr>
<tr class="warning">...</tr>
<tr class="danger">...</tr>
<tr class="info">...</tr>

另外,你可以使用非标准thead重复,不是强烈推荐但是工作:

<table>
    <thead> ... </thead>
    <tbody> ... </tbody>
    <thead> ... </thead>
    <tbody> ... </tbody>
</table>