bootstrap设置响应式表格在手机上只显示部分列

bootstrap默认只要将.table的表格包裹在.table-responsive元素内,即可创建响应式表格,其会在小屏幕设备上(小于768px)水平滚动。
但如果想实现在手机访问时,只显示部分列,则需要引入rwd-table插件。(http://gergeo.se/RWD-Table-Patterns/)

查看演示DEMO

默认情况下,会先隐藏表格右侧的列。但是,你可以在表格头部(

)通过添加 data-priority 属性指定隐藏列的顺序,data-priority 的值可以是 1 (最高优先级) 到 6 (最低优先级).

发表评论

邮箱地址不会被公开。 必填项已用*标注