bootstrap table 怎么自适应宽度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap table 怎么自适应宽度相关的知识,希望对你有一定的参考价值。

参考技术A 表格字段非常多, 表格到页面宽度100%都显示不下 现在想让表格宽度按内容决定宽度。(页面出现滚动条没关系) 表格内容不要出现换行

跪求bootstrap是怎么自适应布局的

  你理解的“自适应”是页面随着屏幕“缩放/zoom”?屏幕缩小,所有 input/button 也成比例缩小?
  那不是自适应。试想按钮缩到 5px 宽,用户怎么点啊,那就近乎“不可用”了。

  自适应地、在需要的时候换行,就是为了解决“不可用”:1080p 显示器能用,800*600 的爪机仍然能点得中(而不必大范围拖动/scroll)。

  结论:换行是正确的表现;如果布局确实需要保证一行,就设置包含这坨控件的容器的最小宽度。
  另:建议给按钮们加 icon(如 fontawesome),改善体验,读图比读字消耗的脑细胞少。
  将尽可能多的内容、功能挤在一起已经不是最佳实践/潮流了。
参考技术A 是用栅格系统,一行2列,自动排序

以上是关于bootstrap table 怎么自适应宽度的主要内容,如果未能解决你的问题,请参考以下文章

element的table组件在flex布局下宽度自适应解决办法

bootstrap table怎样自适应内容中的宽度?

css样式自适应分辨率

怎样用css控制图片自适应大小?

怎样用css控制图片自适应大小?

轮播图js怎么设置图片自适应大小