CSS统计数据记录数量

前几天导师出了个题让我统计元素的数量。遂写下分享。

效果

代码

<!DOCTYPE html>
<html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Table</title><link rel="stylesheet" href="../m-css/m-css-1.css"><link rel="stylesheet" href="../m-css/m-css-2.css"><link rel="stylesheet" href="../m-css/m-css-3.css"><style>/*table-base*/table.m-table-count {border-collapse: collapse;}table.m-table-count th,table.m-table-count td {padding: .75rem;}table.m-table-count {counter-reset: section;--d: counter(section);}table.m-table-count tbody tr {counter-increment: section;}table.m-table-count tfoot span:after {content: var(--d)}</style>
</head><body><div id="table-1"><table class="m-table-count"><caption>计数表格</caption><thead><th>姓名</th><th>地址</th><th>年龄</th><th>电话</th><th>专业</th><th>时间</th></thead><tbody><tr><td>m-</td><td>成都市高新区</td><td>22</td><td>18488043509</td><td>web前端</td><td>2020</td></tr><tr><td>jan</td><td>成都市高新区</td><td>22</td><td>18488043709</td><td>web前端</td><td>2030</td></tr><tr><td>jan</td><td>成都市高新区</td><td>22</td><td>18488043709</td><td>web前端</td><td>2030</td></tr></tbody><tfoot><tr><td>共<span></span>条数据</td></tr></tfoot></table></div>
</body></html>

CSS统计数据记录数量相关推荐

  1. mysql统计去重记录数量_MySQL分组后,如何统计记录条数

    MySQL分组后,统计记录条数的方法:1.统计记录条数,代码为[SELECT num,count(*) AS counts from test_a GROUP BY num]:2.对num去重后的数量 ...

  2. mysql 单表数据_Mysql--单表数据记录查询

    1.简单数据记录查询 1.1 简单数据查询 1.1.1 查询所有字段数据 例子: 1.1.2 "*"符号的使用 语法: 例子: 1.1.3 查询指定字段数据 例子: 1.2 避免重 ...

  3. MySQL8单表记录多少_mysql学习笔记之8(单表数据记录查询)_mysql

    mysql学习笔记之八(单表数据记录查询) 查询数据记录,就是指从数据库对象中获取所要求的数据记录.mysql中提供了各种不同方式的数据查询方法. 一.简单数据记录查询 select field1,f ...

  4. MyBatis Plus 的 Service 统计数据条数

    MyBatis Plus 的 Service 统计数据条数 1. 简单介绍 2. 接口说明 3. 参数说明 4. 实例代码 4.1 无条件,查询整个数据表记录总数 4.2 有条件,查询整个数据表记录总 ...

  5. DataTable中数据记录的统计

    DataTable中数据记录的统计 我们在使用Sql Server这些数据库时,可以轻松的通过Sum.Aver.Count等统计出相关结果,那么,在已经把数据检索出来的DataSet(DataTabl ...

  6. 直播粉丝统计平台 抖音直播粉丝 如何查看直播间的粉丝人数 如何查看主播直播数据记录

    该开源项目提供了一个基于 web 的抖音直播粉丝统计平台,用户可以使用该平台查看直播过程中的实时粉丝数量,以及每个粉丝的等级.停留时长.粉丝名称和抖音号等信息.此外,该平台还提供了查看历史直播数据的功 ...

  7. 限制数据记录查询数量

    MySQL软件限制数据查询结果数量通过SQL语句limit关键字来实现. 语法形式: select field1,field2,...,fieldn from table_name where con ...

  8. Mysql统计每个小时或半小时数据的数量

    Mysql 查询一天中,每个小时数据的数量 Mysql 查询一天中每半小时记录的数量

  9. 新库上线 | CnOpenData农业工商注册企业数量统计数据

    农业工商注册企业数量统计数据 一.数据简介   农业是指国民经济中一个重要产业.农业是指包括种植业.林业.畜牧业.渔业.副业五种产业形式:狭义农业是指种植业.包括生产粮食作物.经济作物.饲料作物和绿肥 ...

最新文章

  1. php负载均衡原理_Java开发大型互联网架构深入负载均衡原理之方案分析
  2. 【Groovy】集合遍历 ( 使用集合的 eachWithIndex 方法进行遍历 | 代码示例 )
  3. Linux文件操作四剑客常用命令
  4. ITK:通过指定区域裁剪图像
  5. Python数据结构学习笔记——栈
  6. 硬件编程:硬件开发中常用的几种通信接口总结
  7. React-Native-lesson
  8. java八大排序算法
  9. 使用EasyExcel导入导出Excel报表-JAVA解析Excel工具
  10. 米斯特白帽培训讲义(v2)实战篇 捷达系统
  11. Springcloud服务如何在Eureka安全优雅的下线
  12. 利用Diskgen找回分区破坏前的资料
  13. 赋能时空云计算,阿里云数据库时空引擎Ganos上线
  14. (1.2)mysql 索引概念
  15. gamit 10.71更新包更新内容 incremental_updates.20200501.tar.gz
  16. Word目录中自动添加自定义样式的多级标题的方法
  17. Android程序员的十大转型之路
  18. Clion注册码与注册机
  19. 7-35 猴子吃桃问题 (15 分) 一只猴子第一天摘下若干个桃子,当即吃了一半,还不过瘾,又多吃了一个;第二天早上又将剩下的桃子吃掉一半,又多吃了一个。以后每天早上都吃了前一天剩下的一半加一个。到
  20. php 今年 就业,深度解析PHP就业形势

热门文章

  1. java 隐藏父类方法,java 子类继承父类成员变量的隐藏、实现方法的重写
  2. 跟谁学盈利神话已破,烧钱大战没有赢家
  3. 联通查询套餐及名下联通卡
  4. 15条技巧提高你的写作技巧
  5. java 判断经纬度_Java中根据经纬度来判断距离
  6. MySQL当中的约束条件
  7. Linux服务器知识导图,整理分享一些 Linux思维导图(值得收藏)_网站服务器运行维护,Linux...
  8. 苹果手机怎么隐藏照片?给iPhone相册上锁的3种方法
  9. STM32U5,意法半导体新打造的超低功耗MCU旗舰版
  10. 低成本快速开发 LoRa 终端:从 0 到 1