删除表格行/列之间的空白空间答案

【问题标题】：Removing empty space between table rows/columns删除表格行/列之间的空白空间
【发布时间】：2023-02-15 19:11:44
【问题描述】：

所以我需要删除这个空白，我不知道如何实现这一点。

这是实际 React 代码的 HTML 表示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=   , initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table cellspacing="0">
        <div class="tableTitle"></div>
        <table class="subtable">
            <tr class="monthDisplay"></tr>
            <tr class="tableRow1">
                <tr></tr>
                <tr></tr>
                <tr></tr>
                <tr></tr>
                <tr>The problematic row after which the line appears</tr>
                <td class="problematicColumn"> //It seems that these columns also add some height
                    <tr>Jan 9, 2024</tr>
                    <tr>$214.41</tr>
                    <tr>$214.01</tr>
                    <tr>$6.61</tr>
                    <tr></tr>
                </td>
                <td>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                    <tr></tr>
                </td>
                ... 
            </tr>
            <tr class="tableRow2">
                <tr></tr>
                <tr></tr>
                <td></td>
                <td></td>
                ...
            </tr>
            <tr class="tableRow3">
                <tr></tr>
                <td></td>
                <td></td>
            </tr>
        </table>
    </table>
</body>
</html>

这是突出问题的实际图像（删除了特定数据）。红色箭头指向我需要删除的空间。

我在 html 检查器中突出显示 problematicColumn

关于如何彻底清除空白区域的任何想法？

【问题讨论】：

如果此代码是直接复制的，那么您的 HTML 似乎不正确。您在 <td> 标签内嵌套了 <tr> 标签，这是您做不到的。当您似乎打算改用列时，还有多个嵌套行。否则，很可能是填充或边距属性未设置为 0 的问题。

标签： javascript html css reactjs

【解决方案1】：

这必须修复它：

<td class="problematicColumn" style={{padding:'0px', margin:'0px'}}>

或者也许问题出在行上，那么：

<tr class="tableRow1" style={{padding:'0px', margin:'0px'}} >

玩那个，你会解决它

【讨论】：