Bootstrap table without stripe / borders

后端 未结 16 887
天命终不由人
天命终不由人 2020-12-12 11:54

I\'m kinda stuck with a CSS problem while using Bootstrap. I\'m also using Angular JS with Angular UI.bootstrap (which might be part of the problem).

I\'m making a w

16条回答
  •  轮回少年
    2020-12-12 12:19

    I'm late to the game here but FWIW: adding .table-bordered to a .table just wraps the table with a border, albeit by adding a full border to every cell.

    But removing .table-bordered still leaves the rule lines. It's a semantic issue, but in keeping with BS3+ nomenclature I've used this set of overrides:

    .table.table-unruled>tbody>tr>td,
    .table.table-unruled>tbody>tr>th {
      border-top: 0 none transparent;
      border-bottom: 0 none transparent;
    }
    
    
    
    
    .table
    a b c
    a b c
    a b c
    a b c
    .table .table-bordered
    a b c
    a b c
    a b c
    a b c
    .table .table-unruled
    a b c
    a b c
    a b c
    a b c
    .table .table-bordered .table-unruled
    a b c
    a b c
    a b c
    a b c

提交回复
热议问题