Question

我认为这是设计问题，但最终可能会变成技术问题。

我正在管理网站上工作，我经常需要将表格呈现给用户以供查看。我使用JQuery.DataTable来渲染数据，这很好。

问题是我的表通常包含十几列，这似乎很好，但有时候将它们呈现在一个表上将是一场灾难。页面将拉得太宽，用户需要从左向右滚动才能看到所有信息。

我认为这应该是大多数管理控制台开发人员经常遇到的问题，必须有标准的解决方法。顺便说一句，从表中删除任何存在的列都不是一种选择。

我可以处理的唯一方向是隐藏一些列，只在单击按钮或悬停某些元素的触发器下显示它们。我不确定Jquery.dataTable是否支持这种事情。我可以建立它，但需要时间。

所以在我发疯之前，我需要你们的一些建议。

提前致谢。

Answer 1

您可以使用

将表格生成到容器中

overflow-x:hidden;

这将使您的表格不会延伸网站。

使用一些不错的CSS可以使表容器看起来很棒且功能齐全。

您还可以添加手动按钮以在容器中左/右移动表格，查看用户可能感兴趣的每一列。（容器应该具有'position：relative'和表'position：absolute' - 然后更改'left'参数）