Bootstrap 表格
HTML
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">最新订单</h3>
</div>
<div class="panel-body">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>产品</th>
<th>数量</th>
<th>总金额</th>
<th>业务员</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Apple Macbook air</td>
<td>10 </td>
<td>80000</td>
<td>王小贱</td>
</tr>
<tr>
<td>2</td>
<td>Apple iPad air</td>
<td>20 </td>
<td>65000</td>
<td>张姆</td>
</tr>
<tr>
<td>3</td>
<td>小米</td>
<td>10 </td>
<td>20000</td>
<td>流苏</td>
</tr>
</tbody>
</table>
<p><a class="btn btn-primary" href="#" role="button">查看详细»</a></p>
</div>
效果:
相关文章
- 1 bootstrap table null默认显示为 - 要查源码 2 记一个很无语的bug
- 一款基于Bootstrap的js分页插件bootstrap-paginator使用实例
- bootstrap-treeview 如何实现全选父节点下所有子节点及反选
- 前端基础 - Bootstrap简介
- CSS简介代码实现表格(table)只有横线没有竖线的效果,一个简约卡片化精美的数据表格(类似Bootstrap表格)
- Bootstrap学习笔记(实习第2天)
- 多个按钮触发同一个Bootstrap自适应模态窗口
- Bootstrap 3之美06-Page Header、Breadcrumbs、Dropdowns、Button Dropdowns、用Button和Dropdowns模拟Select、Input Groups、Thumbnails、Panels、Wells
- Bootstrap 3之美01-下载并引入页面
- Bootstrap-基于jquery的bootstrap在线文本编辑器插件Summernote
- Django使用Bootstrap的经典方法
- bootstrap table--面相配置、hook、适配的表格框架
- bootstrap bootstrapTable 分页 传值问题
- Bootstrap_表格
- Bootstrap之响应式导航栏
- bootstrap的组件应用练习
- 实用bootstrap 表格控件
- 最值得收藏的Bootstrap资源网站
- Django:使用模态框新增数据,成功后提示“提交成功”,并刷新表格bootstrap-table数据
- bootstrap-table简单使用
- Bootstrap 插件-轮播
- Bootstrap Table实现表格高度随着窗口大小而改变,从而显示表格滚动条,以保证分页条始终停留在下方 李北北 关注