zoukankan      html  css  js  c++  java
  • 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=" 40%;" class="progress-bar"><strong >4/10</strong></div>
                  </div>
                </td>
              </tr>
          </tbody>
        </table>
      </div>
    </div>
    </div>

  • 相关阅读:
    Redis Sentinel:集群Failover解决方案(转载)
    C#获取Windows屏幕尺寸
    C# 获取屏幕的大小 SystemInformation类
    拆分器控件Splitcontainer
    (收藏)《博客园精华集》分类索引(转 )
    Redis内存数据库在Exchange会议室的应用(转)
    【转】开源Math.NET基础数学类库使用(01)综合介绍
    15个nosql数据库
    20个代码生成框架(转)
    nodeJS安装和环境变量的配置
  • 原文地址:https://www.cnblogs.com/Lxiaojiang/p/6051274.html
Copyright © 2011-2022 走看看