删除 dataTable primefaces 中的空格答案

【问题标题】：Remove blank space in dataTable primefaces删除 dataTable primefaces 中的空格
【发布时间】：2015-01-02 15:29:08
【问题描述】：

我有一个简单的 primefaces 数据表，其中包含显示一些数据的扩展行。

如何删除父表和嵌套表之间的空白？（如下图所示）？

我尝试将tableStyle="table-layout:auto;width:100%;left-padding:0px" 添加到我的数据表中，但没有结果。你能帮我解决这个小问题吗？

仅供参考：我使用的是 Primefaces 5.1

谢谢，

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。跨度>
感谢您的反馈。我在上面提到了我当前不起作用的代码：tableStyle="table-layout:auto;width:100%;left-padding:0px"。
请发布您的最小 JSF XHTML，以重现问题。

【解决方案1】：

更新

尝试更改主表（不是嵌套表）的样式：

tableStyle="padding:0;"

如果这消除了嵌套表的填充，则将主表的填充更改回可接受的值（假设为 4），然后在嵌套表上尝试：

tableStyle="margin:-4px;"

...看看这是否适合你。

看起来默认填充是 -left,-right 是一个值，而 -top,-bottom 是一个不同的值。如果是这样，请尝试使用内表上的 margin- 将这些值复制为负数。

【讨论】：

感谢您的回答，我添加了border-collapse:collapse;到我的表格样式并且仍然是相同的行为。我也没有使用任何特定的 css 作为使用的默认 css 生成 b primefaces 主题。
修改了我的答案。另外，如果你在做跨浏览器开发，你可能想养成在 html 中添加规范化样式表的习惯，这将解决很多跨浏览器布局问题。
完美！！！！！！这解决了我的问题。非常感谢您的宝贵帮助。标记为已解决。祝你有美好的一天