bootstrap panel 和table的使用
一、HTML中的页面内容
<div class="col-sm-12">
<!-- <div class="m-b-md" style="text-align:'center'">
<h3 id="task_statistic">得分统计</h3>
</div> -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">得分统计</h3>
</div>
<div class="panel-body">
<!--table类下的table-hover,是鼠标经过的样式-->
<table class="table table-hover ">
<thead>
<tr >
<th class="panel-title">人物</th>
<th class="panel-title">得分</th>
<th class="panel-title">次数</th>
<th class="panel-title">完成率</th>
</tr>
</thead>
<tbody class="taskRows">
<tr id="wpy_row0" >
<td class="project-status">
<span id="task_wpy_id" class='label label-danger'>张三</span>
</td>
<td class="project-title" id="task_wpy_score">22</td>
<td class="project-title" id="task_wpy_num">4</td>
<td class="project-title">
<div class="progress progress-striped active m-b-sm"><!-- 进度条-->
<div style="width: 40%;" class="progress-bar"><strong >4/10</strong></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
转载于:https://www.cnblogs.com/Lxiaojiang/p/6051274.html
bootstrap panel 和table的使用相关推荐
- 组件面板 html 页面,Html - Bootstrap Panel面板
http://v3.bootcss.com/components/#panels Bootstrap Panel面板 Panel heading without title Panel content ...
- html5拖动的面板 panel,基于jQuery UI的Bootstrap Panel面板功能增强插件
LobiPanel是一款基于jQuery UI的Bootstrap Panel面板功能增强插件.通过该插件可以为Bootstrap的原生Panel面板增加编辑标题,最大化,最小化,面板拖动关闭面板等功 ...
- bootstrap panel 布局
panel 1. 效果 2. 基于bootstrap实现 用于页面分专栏展示 1. 效果 成品 2. 基于bootstrap实现 <!DOCTYPE html> <html>& ...
- bootstrap中固定table的表头
前端时间鼓捣的一个简单的手机网站,今天又拿出来弄一弄 因为主要是给手机访问,用的是bootstrap响应式布局,今天的任务是做一个数据展示页面 但是由于数据的列比较多,所以横向显示不下,为了较好的显示 ...
- bootstrap table 的简单Demo
暂时够用,不够用再补充 T_T script: <link rel="stylesheet" href="lib/bootstrap.min.css"&g ...
- 看了一下bootstrap css
/*!* Bootstrap v3.3.7 (http://getbootstrap.com)* Copyright 2011-2016 Twitter, Inc.* Licensed under M ...
- bootstrap 冻结表格,冻结表头
需要的文件下载: bootstrap-table:https://github.com/wenzhixin/bootstrap-table bootstrap-table-fiex-column:ht ...
- bootstraptable 列隐藏_bootstrap中table如何隐藏列?
Bootstrap如何隐藏table中的某一列?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. Bootstrap隐藏table中的某一列 1.利用boo ...
- bootstrap-table 列属性_bootstrap中table如何隐藏列?
Bootstrap如何隐藏table中的某一列?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. Bootstrap隐藏table中的某一列 1.利用boo ...
最新文章
- mysql建立高效索引,如何知道你建立的MySQL索引是高效,合理的
- 【数学建模】【APIO2015】Palembang Bridges
- AD18-画PCB步骤-总结
- Microsoft Azure里创建Enterprise Applications
- 写一个在一个字符串(n)中寻找一个子串(m)第一个位置的函数。
- dorehtml.php,帝国cms后台实现刷新多栏目内容页的方法详解
- c语言取字节高四位低四位,C语言取一个数的最高位
- 下载最新adb(platform-tools)
- spark Drive 与Executor
- 关于GPS信息在谷歌地图上实时更新位置信息的问题
- 牛津大学VGG团队提出:改进遮挡检测的Tri-Layer插件 | BMVC 2022
- 揭秘支付宝中的深度学习引擎:xNN
- python如何控制鼠标键盘_Python控制鼠标键盘
- 一个大二渣渣准程序员的感动
- 额外的类路径(Additional Class Paths)
- 【机器学习-斯坦福】学习笔记1 - 机器学习的动机与应用
- DQM Serial Sync Index Program ERROR
- 水瓶座06年3月运程
- logstash解析iis日志
- 【转】百度腾讯阿里,其大数据优劣势与策略分析
热门文章
- 软文推荐:常用 Java 静态代码分析工具的分析与比较
- 在IIS中寄存已有WCF服务
- GenericUDAF使用流程记载(转载+自己整理)
- hbase的gui工具调研
- RuntimeError: readexactly() called while another coroutine is already waiting for incoming data
- App.vue文件報錯
- pandas中的DataFrame转化为dict
- mysql-workbench运行存储过程
- CGAL window 10安装、Demo使用步骤以及问题解决记录
- DLNA, PulseAudio, diffpatch, bash