姓名 类型 手机号码
疾风 决策者 18623133202
疾风 决策者 18623133202
疾风 决策者 18623133202
疾风 决策者 18623133202

示例描述:

<table class="yo-table"> <colgroup> <col class="c1" /> <col class="c2" /> <col class="c3" /> </colgroup> <thead> <tr> <th>姓名</th> <th>类型</th> <th>手机号码</th> </tr> </thead> <tbody> <tr> <td>疾风</td> <td>决策者</td> <td>18623133202</td> </tr> <tr> <td>疾风</td> <td>决策者</td> <td>18623133202</td> </tr> </tbody> </table>
姓名 类型 手机号码
疾风 决策者 18623133202
疾风 决策者 18623133202
疾风 决策者 18623133202
疾风 决策者 18623133202

假设你想要有竖线的,那么你可以这样扩展:

@include yo-table( $name: test, $has-vertical-border: true );

使用方法:

<table class="yo-table yo-table-test"> ... </table>
姓名 类型 职务
疾风 决策者 决策者
疾风 决策者 决策者
疾风 决策者 决策者
疾风 决策者 决策者
疾风 决策者 决策者

假设你想要有间隔色,那么你可以这样扩展:

@include yo-table( $name: test2, $even-bgcolor: #f9f9f9 );

使用方法:

<table class="yo-table yo-table-test2"> ... </table>
@include yo-table(
    $name:default, //{String} table名称
    $width:default, //{Length} table宽度
    $has-vertical-border:default, //{Boole} table是否需要纵向边框
    $thead-padding:default, //{Length} table头部内补白
    $tbody-padding:default, //{Length} table主体内补白
    $bordercolor:default, //{Color} table边框色
    $thead-bgcolor:default, //{Color} table头部背景色
    $odd-bgcolor:default, //{Color} table奇数行背景色
    $even-bgcolor:default, //{Color} table偶数行背景色
    $active-bgcolor:default, //{Color} table激活背景色
    $on-bgcolor:default //{Color} table选中背景色
)