asp:Table基本操作

sichuanwww

已于 2022-03-12 09:01:30 修改

阅读量2.5k

点赞数

分类专栏： ASP.NET 文章标签： asp.net javascript

于 2022-03-12 08:42:15 首次发布

本文链接：https://blog.csdn.net/sichuanpb/article/details/123437975

版权

ASP.NET 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了如何使用ASP.NET的Table控件进行页面布局，包括设置单元格属性和行合并，并展示了如何通过后台代码动态填充数据并实现颜色标记。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

asp:Table控件对于设置表格还是很方便的

页面布局：

<asp:Table ID="Table1" runat="server" BorderWidth="1" GridLines="Both" Width="800px">
            <asp:TableRow>
                <asp:TableCell HorizontalAlign="Right" Width="200px">设备名称:&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">xxxxx</asp:TableCell>
                <asp:TableCell HorizontalAlign="Right" Width="200px">所属站场:&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">yyyy</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell HorizontalAlign="Right" Width="200px">设备型号:&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">xxxxx</asp:TableCell>
                <asp:TableCell HorizontalAlign="Right" Width="200px">电压(kV):&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">yyyy</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell HorizontalAlign="Right" Width="200px">额定容量(kVA):&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">xxxxx</asp:TableCell>
                <asp:TableCell HorizontalAlign="Right" Width="200px">联结组标:&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">yyyy</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell HorizontalAlign="Right" Width="200px">空载损耗(W):&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">xxxxx</asp:TableCell>
                <asp:TableCell HorizontalAlign="Right" Width="200px">负载损耗(W):&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">yyyy</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow>
                <asp:TableCell HorizontalAlign="Right" Width="200px">空载电流(%):&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">xxxxx</asp:TableCell>
                <asp:TableCell HorizontalAlign="Right" Width="200px">短路阻抗(%):&nbsp;</asp:TableCell>
                <asp:TableCell HorizontalAlign="Left" Width="200px">yyyy</asp:TableCell>
            </asp:TableRow>
        </asp:Table>

后台代码：


            Table2.Rows[2].Cells[1].Text = dt.Rows[0]["WenshengShuiping"].ToString();
            if (b[4] >= 24)
                Table2.Rows[2].Cells[1].ForeColor = System.Drawing.Color.Red;
            Table2.Rows[2].Cells[3].Text = dt.Rows[0]["ZaoshengShuiping"].ToString();

            Table2.Rows[3].Cells[1].Text = dt.Rows[0]["JueyuanDianzu"].ToString();
            if (b[5] >= 20)
                Table2.Rows[3].Cells[1].ForeColor = System.Drawing.Color.Red;
            Table2.Rows[3].Cells[3].Text = dt.Rows[0]["Xishoubi"].ToString();
            if (b[6] >= 20)
                Table2.Rows[3].Cells[3].ForeColor = System.Drawing.Color.Red;

效果：