表中列数过多
我觉得这是一个设计上的问题，不过最终可能会变成技术问题。
我正在做一个管理网站，里面经常需要给用户展示一个表格。我使用JQuery.DataTable来渲染数据，这个工具工作得还不错。
问题是我的表格通常有十几个列，这看起来没什么问题，但有时候把它们放在一个表格里就会变得很糟糕。页面会拉得太宽，用户需要左右滚动才能看到所有信息。
我在想，这应该是大多数管理控制台开发者常遇到的问题，肯定有一些标准的解决办法。顺便说一下，删除表格中的任何现有列都不是一个选项。
我唯一能考虑的方向是隐藏一些列，只有在点击按钮或悬停在某些元素上时才显示它们。我不确定Jquery.DataTable是否支持这种功能。我可以自己实现，但这需要时间。
所以在我快要抓狂之前，我需要你们的建议。
提前谢谢大家。
1 个回答
0
你可以把表格放进一个容器里，使用
overflow-x:hidden;
这样做可以让你的表格不会撑大整个网站。
如果加上一些漂亮的CSS样式，容器里的表格看起来会既好看又实用。
你还可以添加手动按钮，让用户可以左右移动表格，这样就能查看他们感兴趣的每一列数据。
（容器需要设置为'position:relative'，而表格设置为'position:absolute'，然后调整'left'参数就可以了）