Css 宽度问题来自http://datatables.net/

使用中的数据表，如何防止其在页面上溢出？

编辑：

$（文档）.ready（函数（）{
$（“#注释”）。数据表（{
“语言”：{
“信丰”：“信丰”，
“无罪”：“，
“Sinfofilted”：”
},
“sPaginationType”：“完整编号”，
“iDisplayLength”：5，
“bLengthChange”：false，
“aaSorting”：[[3，'说明]]，
“列”：[
{“bSortable”：false}，
无效的
无效的
{“分类”：[“描述”]}，
无效的
{“bSortable”：false}
] } );
});
名称
评论
创建
附件
删除？
“50”，：宽度=>“50”）%>
“50”，：宽度=>“50”）%>
“删除”、：高度=>“15px”）、[comment.company，comment]、：确认=>“确定吗？”、：方法=>：删除%>

有一个应用的类/ID列表-您不能在包装器元素上设置一个宽度吗？

应用自定义宽度，例如：

.dataTables_wrapper {width:60%}

---

DataTables函数对故障排除没有帮助。这是一个CSS问题。也是一个内容问题。首先是内容：

桌子上的尺寸是“模糊的”；该表将尽最大努力根据您的建议调整大小，并在可能的情况下与您的建议完全匹配。当你有一个巨大的长串时（我相信我看到的是一个完整的a和D系列，对吧？），它别无选择。它将使专栏尽可能宽以适应内容。其他栏目将尽可能窄，并且仍然容纳您的内容

解决方案是什么？CSS。它归结为溢出：隐藏。在样式表中，将TD元素设置为使用

overflow:hidden

，字符串将被“截断”。这在视觉上并不总是令人愉快的，但有时web开发需要妥协

其中一个折衷方法是设置

文本溢出：省略号
。任何无法放入单元格的文本都将被截断，省略号（三个紧排的点；它是一个字符，而不是三个实际的点）将插入到被截断的末尾

但是你如何看待数据的整体？棘手的一个。我刚刚在
fnRowCallback
回调中运行了一个脚本，它将单元格的标题设置为与其内容相同。然后在鼠标悬停时，工具提示会显示内容。我相信有更好的办法

最后，你需要问的是：像这样的超长字符串现实吗？预期的内容是什么？
向我们展示您的html和JSP，它们会移动除表以外的所有内容：（当我设置包装器的宽度时，所有内容都会移动，但表除外
.dataTables_wrapper {width:60%}