这是一个创建于 2150 天前的主题，其中的信息可能已经有所发展或是发生改变。
遇到的问题是：
- 表格在低分辨率（主要是 1280 和 1360 这两个）下，表头的内容会换行，会导致非常的整体看起来非常的难看。
- 表格行数过多，会导致所有行的宽度变窄。宽度变窄后，表头的内容也会换行。会导致非常的整体看起来非常的难看。 注：数据是 php 渲染，后端不提供接口。所以 ElementUI 这种、layui 这种用不了。前端唯一能做的就是写 css 调样式、js 操作 dom。 请问各位大佬有什么解决方法吗？
 |
1
woscaizi 2019-01-05 19:57:27 +08:00
字体大小通过设置 rem 缩放下。
|
 |
2
learnshare 2019-01-05 19:59:29 +08:00
设置每一列的最小宽度，列多了允许横向滚动
|
 |
3
old9 2019-01-05 20:39:51 +08:00
不换行就会导致整个表格横向超过页面范围，如果你要的就是这个效果，那表头 th{white-space: nowrap} 应该就可以了。
另外一个方案是动态缩小字体，要复杂一些，可以查查 fluid typography 关键字。 |
 |
4
ttentau1 OP 感谢大家回复，目前已经找到解决方法了，引入 bootstrap-table 这个库就行了
|
 |
5
rrfeng 2019-01-06 00:02:00 +08:00
看到楼主的解决方案为什么有种好笑的感觉。
|
Select Language