列表界面字段太多,样式怎样调整?

来源:11-2 后台管理系统功能演示

营赢盈英

2017-09-05

我要展示一个列表页面,但是字段太多了,怎样让每列不像下图中变形,或者是有水平滚动条也可以接受。

http://szimg.mukewang.com/59ae3fd90001acb110140201.jpg

写回答

4回答

Rosen

2017-09-05

table外层给个overflow-x:auto的容器,然后给table宽度加大

1
5
营赢盈英
回复
Rosen
表格的每一列都要设定宽度吧?
2017-09-05
共5条回复

营赢盈英

提问者

2017-09-08

老师,我的列头要怎样设置才能保证不会被挤压变形(下图中的1处)。

如果单元格内容过多,怎样只显示一行,显示不了的省略号代替(下图2处)

//szimg.mukewang.com/59b1e98a0001b88909850119.jpg

0
6
营赢盈英
回复
Rosen
嗯,的确是。
2017-09-08
共6条回复

营赢盈英

提问者

2017-09-06

某个字段的值太多时会导致把其它列的宽度压缩了,而我又不想设置一个很大的宽度,让它水平滚动。

我要怎样设置这个表格的样式呢?

//szimg.mukewang.com/59af9d1d0001328509850119.jpg

0
0

营赢盈英

提问者

2017-09-05

1.//szimg.mukewang.com/59ae529f00018d4912800619.jpg


加上CSS样式后可以水平滚动了,但是格式乱了。


2.个别列表界面的字段较多,会出现错乱的情况,怎样保证在字段较多的列表页中 红框标识的部分可以在最右端显示?

//szimg.mukewang.com/59ae5a650001c15412860423.jpg

0
4
营赢盈英
回复
Rosen
我设置了table的宽度为100%为什么不起作用?
2017-09-12
共4条回复

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4262 学习 · 4113 问题

查看课程