找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1194|回复: 0

表格(Tables)

[复制链接]

304

主题

42

回帖

1348

积分

管理员

积分
1348
发表于 2021-4-5 22:14:51 | 显示全部楼层 |阅读模式
一.table结构
<table class="table">
        <caption>表名</caption>
        <thead>
        表头
        </thead>
        <tbody>
        表体
        </tbody>
        <tfoot>
        表尾
        </tfoot>
</table>

二.table类
table
table-hover
table-striped
table-bordered
table-active
table-borderless
table-sm
caption-top
align-top
align-middle
align-bottom

三.Variants(表格颜色)
#可修饰table、tr、td、th、thead、tbody和tfoot
table-primary
table-secondary
table-success
table-danger
table-warning
table-info
table-light
table-dark

#可修饰table
border-primary
border-secondary
border-success
border-danger
border-warning
border-info
border-light
border-dark

四.caption表名
<caption>List of users</caption>

五.table响应式
1.结构
<div class="table-responsive">
        <table class="table">
        ...
        </table>
</div>

2.类型
table-responsive
table-responsive-sm
table-responsive-md
table-responsive-lg
table-responsive-xl
table-responsive-xxl

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|外汇论坛 ( 粤ICP备16021788号 )

GMT+8, 2024-12-22 21:38 , Processed in 0.074453 second(s), 18 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表