asp.net web数据库控件内table(包括嵌套table)的边线问题

简介:      在做数据绑定显示的时候,经常会遇到这样的情况,使用一些asp.net web数据库控件,如Repeater、FormView等,里面的模板里使用table,还有可能是多个数据控件...

     在做数据绑定显示的时候,经常会遇到这样的情况,使用一些asp.net web数据库控件,如Repeater、FormView等,里面的模板里使用table,还有可能是多个数据控件嵌套,里面有多个table,这样就能显示各种复杂的表格,但是table表格的边框线,就是一个问题,经常会遇到边线重复,就造成边线加粗的情形,怎么解决?


先总结一下,备忘:

<style type="text/css">
        body
        {
            font-size: 12px;
        }
        td
        {
            font-size: 12px;   height: 20px; line-height: 20px; height:20px;
        }
        .table
        {
            border-right: black 1px solid;
            border-bottom: black 1px solid;
        }
        .table td
        {
            border-top: black 1px solid;
            border-left: black 1px solid;
        }
</style>

<asp:FormView ID="FormView1" runat="server" DataKeyNames="ID" DataSourceID="SqlDataSource1"
        Width="100%" Font-Size="Medium">
        <ItemTemplate>
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        <table width="100%" class="table" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 3%">
                                    单位
                                </td>
                                <td align="center" colspan="5" style="width: 97%">
                                     <asp:Label ID="lbldw" runat="server" Text='<%#Eval("单位") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    检查时间
                                </td>
                                <td align="center" colspan="2">
                                     <asp:Label ID="lbljcsj" runat="server" Text='<%#ConvertTime(Eval("检查时间").ToString()) %>'></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    检查内容
                                </td>
                                <td align="center" colspan="2">
                                     <asp:Label ID="lbljcnr" runat="server" Text='<%#Eval("检查内容") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    参加人员
                                </td>
                                <td align="center" colspan="5">
                                     <asp:Label ID="lblcjry" runat="server" Text='<%#Eval("参加人员") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    隐患登记
                                </td>
                                <td align="center" colspan="5">
                                     <asp:Label ID="lblyhdj" runat="server" Text='<%#Eval("隐患登记") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 3%">
                                    序号
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 14%">
                                    隐患部位
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 34%">
                                    隐患内容
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 14%">
                                    整改责任人
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 14%">
                                    限定日期
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 19%">
                                    完成情况
                                </td>
                            </tr>
                            <tr>
                                <td align="center" id="One_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Two_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Three_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Four_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Five_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Six_td1" runat="server">
                                     
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    备注
                                </td>
                                <td align="center" colspan="5">
                                     <asp:Label ID="lblbz" runat="server" Text='<%#Eval("备注") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    单位负责人
                                </td>
                                <td colspan="2" align="center">
                                     <asp:Label ID="lbldwfzr" runat="server" Text='<%#Eval("单位负责人") %>'></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    记录
                                </td>
                                <td colspan="2" align="center">
                                     <asp:Label ID="lbljlr" runat="server" Text='<%#Eval("记录人") %>'></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
        <PagerStyle BorderColor="White" />
        <RowStyle BorderColor="White" />
    </asp:FormView>
效果图如下:


相关文章
|
开发框架 前端开发 JavaScript
ASP.NET Web Pages - 教程
ASP.NET Web Pages 是一种用于创建动态网页的开发模式,采用HTML、CSS、JavaScript 和服务器脚本。本教程聚焦于Web Pages,介绍如何使用Razor语法结合服务器端代码与前端技术,以及利用WebMatrix工具进行开发。适合初学者入门ASP.NET。
|
SQL 开发框架 .NET
ASP.NET连接SQL数据库:详细步骤与最佳实践指南ali01n.xinmi1009fan.com
随着Web开发技术的不断进步,ASP.NET已成为一种非常流行的Web应用程序开发框架。在ASP.NET项目中,我们经常需要与数据库进行交互,特别是SQL数据库。本文将详细介绍如何在ASP.NET项目中连接SQL数据库,并提供最佳实践指南以确保开发过程的稳定性和效率。一、准备工作在开始之前,请确保您
1035 3
|
中间件 关系型数据库 数据库
docker快速部署OS web中间件 数据库 编程应用
通过Docker,可以轻松地部署操作系统、Web中间件、数据库和编程应用。本文详细介绍了使用Docker部署这些组件的基本步骤和命令,展示了如何通过Docker Compose编排多容器应用。希望本文能帮助开发者更高效地使用Docker进行应用部署和管理。
504 19
|
数据库 C# 开发者
ADO.NET连接到南大通用GBase 8s数据库
ADO.NET连接到南大通用GBase 8s数据库
|
开发框架 .NET PHP
ASP.NET Web Pages - 添加 Razor 代码
ASP.NET Web Pages 使用 Razor 标记添加服务器端代码,支持 C# 和 Visual Basic。Razor 语法简洁易学,类似于 ASP 和 PHP。例如,在网页中加入 `@DateTime.Now` 可以实时显示当前时间。
|
SQL 安全 网络安全
Web应用防火墙(WAF)与数据库应用防火墙有什么区别?
Web应用防火墙(WAF)专注于Web应用系统和网站的应用层防护,可有效应对OWASP Top 10等常见攻击,防止SQL注入、CC攻击等。而数据库应用防火墙则位于应用服务器与数据库之间,提供数据库访问控制、攻击阻断、虚拟补丁等高级防护功能,直接保护数据库免受攻击。两者分别针对Web层和数据库层提供不同的安全保护。
632 4
|
存储 缓存 NoSQL
2款使用.NET开发的数据库系统
2款使用.NET开发的数据库系统
242 3
|
数据库连接 数据库 C#
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(上)
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(上)
|
数据库连接 数据库 C#
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(下)
本文接续前文,深入讲解了在Windows环境下使用C#和ADO.NET操作南大通用GBase 8s数据库的方法。通过Visual Studio 2022创建项目,添加GBase 8s的DLL引用,并提供了详细的C#代码示例,涵盖数据库连接、表的创建与修改、数据的增删查改等操作,旨在帮助开发者提高数据库管理效率。
|
开发者 Windows
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
1132 0