Jquery 表中的列太多

我认为这是一个设计问题，尽管它最终可能会变成一个技术问题

我在一个管理网站上工作，在那里我经常需要向用户呈现一个表以供查看。我使用JQuery.DataTable来呈现数据，效果很好

问题是我的表通常包含十几列，这看起来不错，但有时在一个表中呈现它们会是一场灾难。页面将被拉伸得太宽，用户需要从左向右滚动以查看所有信息

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

我可以做的唯一方向是隐藏一些列，并仅在单击按钮或悬停某些元素的触发下显示它们。我不确定Jquery.dataTable是否支持这种东西。我可以建造它，但它需要时间

所以在我发疯之前我需要你们的建议

---

提前感谢。

您可以使用

overflow-x:hidden;

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

通过一些漂亮的css，您可以使表格容器看起来很棒，功能强大

您还可以添加手动按钮在容器中左/右移动表格， 查看用户可能感兴趣的每一列。

---

容器应该有“position:relative”和表“position:absolute”-然后更改“left”参数

我在DataTable中找到了一些有用的选项，这与您建议的类似。我没有完全使用你的方法，但你的建议只是一个暗示。谢谢@JerryMeng您能提供在datatables中找到的选项吗？