斑马条纹表格

• 通过引用 .table 的叠加类 .table-inverse 可以给 <tbody> 之内的每一行增加斑马条纹样式。
• 条纹状表格是依赖 :nth-child 选择器实现的，而这一功能不被 Internet Explorer 8 支持。

                    
<table class="table table-inverse">
  ...
</table>
                     
                

表格边框

• BrickPlus 提供了四种不同的表格样式适应不同的UI设计需求，其中三种非常规样式需在 .table 类后叠加 .table-bordered-type1、.table-bordered-type2、.table-bordered-type3 类得到。

                    
<table class="table ( table-bordered-type1 / table-bordered-type2 / table-bordered-type3 )">
  ...
</table>
                     
                

表格对齐

• BirckPlus 提供了两种不同的表格对齐方式（主要是最对纯数据表格，例如详情页等）适应不同的UI设计需求，这两种常规样式需在 .table 和（ .table-bordered-type2或 .table-bordered-type3）类后叠加 .table-align-type1、.table-align-type2类得到。

                    
<table class="table ( table-bordered-type2 / table-bordered-type3 ) ( table-align-type1 / table-align-type2 )">
...
</table>
                    
                

• 通过这些状态类可以为行或单元格设置颜色。
• 和其他框架组件一样，这些靠颜色分辨状态的体验工具类，还没有做对残障人群的辅助处理，后续开发中将会尽快完善这一项。

                    
<tr / th / td class="t-active / t-success / t-info / t-warning / t-danger">
  ...
</tr / th / td>
                     
                

• 将任何 .table 元素包裹在 .table-responsive 元素内，即可创建响应式表格，当响应式表格的宽度超过容器宽度的时候，就会出现水平滚动条，处理列过多，且列数据不能换行的情况。
• .table-responsive 并不适合（不是不支持）嵌有按钮式下拉菜单的表格。

            
              <div class="table-wrap table-responsive">
                <table class="table">
                  ...
                </table>
              </div>