开发者社区> 问答> 正文

Bootstrap表格太宽如何友好显示

我的表格有十几列,我现在把它放在一个div里面,div设置了overflow:auto
所以表格下面会有滚动条,拖拽查看一页显示不完的字段。

本来这样还能接受,但是自适应的表格还是自动挤压了每一列的宽度,我给每一列设置了col-sm-1也没用。
以至于显示成为这个样子:
screenshot
我现在有两个问题:
1.如何使上图的每一列自然展开,不设置固定宽度?
2.特别大的表格还有什么比较理想的显示方式?

展开
收起
杨冬芳 2016-06-15 16:21:17 3039 0
1 条回答
写回答
取消 提交回答
  • IT从业

    •横向滚动
    •设计表格展示方式
    •屏幕尺寸不足的情况下隐藏某些列

    这里我具体说一下设计表格。

    日期字段没必要显示完整的,精确到分钟即可,如果是当年的时间,年份也可以不显示

    //长版
    2014-11-20 12:43:23
    //简版
    11-20 12:34

    “下发兑换码次数“,”同步订单结束“,”同步发货状态“,这几个字段占用空间很小,但是字段名很长。可以缩短字段名,或者将这几个字段放在一个table cell里,鼠标掠过时以popup的形式展现。

    screenshot
    screenshot
    screenshot

    2019-07-17 19:39:38
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
QQ移送页面框架优化实践 立即下载
QQ移动页面框架优化实践 立即下载
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务 立即下载