什么是响应式表格 html

来源：蜘蛛抓取(WebSpider) 时间：2018-04-02 20:50 标签： 响应式表格是什么意思
当前位置 :
jQuery响应式表格插件basictable是一款可以设置breakpoint来定制自己的响应式断点，该表格能适应台式电脑，平板和手机的需求，响应式效果非常好。
4粉丝/0关注
举报原因：
&&垃圾广告
&&淫秽色情
&&虚假中奖
&&敏感信息
&&人身攻击
&&骚扰他人
下载该资源用户也下载了
使用邮箱登录17素材
已连续签到1天,签到3天将获得积分VIP1天微信扫一扫打赏支持
已有35人支持
什么是响应式表格（响应式表格和普通表格的区别）
一、响应式表格一句话简介
响应式表格就是表格随着屏幕的变化而自动变化格式方便阅读的表格
二、响应式表格简介
随着各种手持设备的出现，要想让你的Web页面适合千罗万像的设备浏览，响应式设计的呼声越来越高。在Bootstrap中也为表格提供了响应式的效果，将其称为响应式表格。Bootstrap提供了一个容器，并且此容器设置类名“.table-responsive”,此容器就具有响应式效果，然后将&table class="table"&置于这个容器当中，这样表格也就具有响应式效果。Bootstrap中响应式表格效果表现为：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。示例如下：
&div class="table-responsive"&
&table class="table table-bordered"&
运行效果如下：
（宽屏效果）
（窄屏效果）
三、Bootstrap响应式表格
将任何&.table&元素包裹在&.table-responsive&元素内，即可创建响应式表格，其会在小屏幕设备上（小于768px）水平滚动。当屏幕大于 768px 宽度时，水平滚动条消失。
垂直方向的内容截断
响应式表格使用了&overflow-y: hidden&属性，这样就能将超出表格底部和顶部的内容截断。特别是，也可以截断下拉菜单和其他第三方组件。
Firefox 和&fieldset&元素
Firefox 浏览器对&fieldset&元素设置了一些影响&width&属性的样式，导致响应式表格出现问题。可以使用下面提供的针对 Firefox 的 hack 代码解决，但是以下代码并未集成在 Bootstrap 中：
@-moz-document url-prefix() {
fieldset { display: table-cell; }
更多信息请参考&.
#Table headingTable headingTable headingTable headingTable headingTable heading
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
#Table headingTable headingTable headingTable headingTable headingTable heading
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
Table cell
&div class="table-responsive"&
&table class="table"&
阅读(...) 评论()系统已开启自动识别垃圾评论机制，识别到的自动封号，下载出错或者资源有问题请联系全栈客服QQ
CSS3制作响应式表格
所需积分：20
亲，积分不够，多去发布资源、评论、签到、
或联系QQ人工充值
亲，vip会员下载原创作品 积分5 折，其余免积分下载
PS:尊重原创作者劳动成果，感谢分享！
充值方式： 或联系QQ人工充值响应式表格,HTML表格自适应（responsive table）-前端开发博客 最新文章
推荐文章 1504Views 572Views 2068Views 5427Views 4925Views热门文章
231,137Views
60,596Views
42,006Views
29,357Views
6,126Views
5,921Views对这篇文章不满意吗？百度搜索：");

我要回帖

更多关于 响应式表格是什么意思 的文章

 

随机推荐