打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
bootstrap表格
只有横向分隔线的表格:<table class="table">  条纹表格:<table class="table table-striped"> 
边框表格:<table class="table table-bordered"> 
行的悬停效果:<table class="table table-hover">
响应式表格(适用于小型设备):<div class="table-responsive">
更加紧凑表格;<table class="table table-condensed"> 
联合使用:<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>   <tr class="active"> <tr class="success">info danger warning
<th>#</th>
<th>Firstname</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Anna</td>
</tr>
<tr>
<td>2</td>
<td>Debbie</td>
</tr>
<tr>
<td>3</td>
<td>John</td>
</tr>
</tbody>
</table>


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
bootstrap 响应式表格
表格边框合并
HTML中tr、th和td
Bootstrap之表格checkbox复选框全选
前端开发之div实现table表格系列教程一:创建表格
表头固定内容可滚动表格的3种实现方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服