导航

HTML

CSS

JavaScript

浏览器 & 网络

版本管理

框架

构建工具

TypeScript

性能优化

软实力

算法

UI、组件库

Node

业务技能

针对性攻坚(TODO)

• table display: table
  • 属性
    • border 边框
    • cellpadding 单元格内边距
    • cellspacing 单元格边距
  • 标签
    • caption 标题标签 display: table-caption
    • tr - table row 表格行标签 display: table-row
      • th - table header cell 表头标签 display: table-cell
      • td - table data cell 单元格标签 display: table-cell
        • rowspan - 合并 n 行
        • colspan - 合并 n 列
        • align - left | right | center 对齐方式
    • thead - table head 表格页眉标签 display: table-header-group
    • tfoot - table foot 表格页尾标签 display: table-footer-group
    • tbody - table body 表格主体标签 display: table-row-group
  • 注意点
    • thead、tfoot、tbody 要写的意义：
      • 不写，如果数据多，整个表格会等数据完全加载完后才显示；如果都写了，页眉和页尾则不用等数据完全加载完就会先展示出来
    • 加载顺序：thead -> tfoot -> tbody
      • 就算把 tfoot 写在 thead 前面，也不会影响它们的显示顺序，thead 还是会在 tfoot 上面显示
• 示例代码