页面加载时隐藏HTML表格TD/TR标签，按需显示的实现方案咨询

嘿，这个问题我刚好有实操经验，给你几个靠谱的方案，完全不用一个个手动给TD、TR设置Visible=false那么麻烦：

方案1：前端JavaScript批量隐藏（页面加载后执行） #

如果只是需要页面上看不到这些元素，源码里存在也没关系，用JS是最快捷的方式。你可以在页面加载完成后，一次性选中所有目标TR和TD，通过添加隐藏类或者直接修改样式来隐藏：

window.addEventListener('load', function() {
    // 如果你要针对特定表格，给表格加个ID，比如改成 #myTable tr, #myTable td
    const targetElements = document.querySelectorAll('table tr, table td');
    targetElements.forEach(element => {
        // 推荐用类控制，方便后续显示
        element.classList.add('hidden-row-cell');
        // 也可以直接改样式：element.style.display = 'none';
    });
});

对应的CSS（放在页面的<style>标签里）：

.hidden-row-cell {
    display: none;
}

后续需要显示的时候，只需要移除这个类或者把display改回对应的值（比如TR用table-row，TD用table-cell）就行。

方案2：后端ASP.NET批量设置（页面渲染前隐藏） #

如果需要严格隐藏——也就是这些TR、TD根本不会输出到HTML源码里，那就在后台遍历表格的控件集合，批量设置Visible=false：

在你的aspx.cs文件里添加方法：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // 替换成你实际的表格ID
        BatchHideTableElements(yourTableID);
    }
}

private void BatchHideTableElements(Table targetTable)
{
    foreach (TableRow row in targetTable.Rows)
    {
        row.Visible = false;
        // 也可以顺便把单元格也隐藏，不过其实行隐藏了单元格自然也不会显示
        foreach (TableCell cell in row.Cells)
        {
            cell.Visible = false;
        }
    }
}

后续需要显示特定行或单元格时，直接找到对应的Row或Cell，设置Visible=true就好。

选哪种方案？ #

• 要是你是前端交互触发显示（比如按钮点击、下拉选择），优先用方案1，更灵活；
• 要是显示逻辑完全由后端控制（比如根据用户权限、数据库值决定），就用方案2，更安全。

内容的提问来源于stack exchange，提问作者BoJack Horseman