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>
效果图如下:


相关文章
|
3月前
|
SQL 开发框架 .NET
ASP.NET连接SQL数据库:详细步骤与最佳实践指南ali01n.xinmi1009fan.com
随着Web开发技术的不断进步,ASP.NET已成为一种非常流行的Web应用程序开发框架。在ASP.NET项目中,我们经常需要与数据库进行交互,特别是SQL数据库。本文将详细介绍如何在ASP.NET项目中连接SQL数据库,并提供最佳实践指南以确保开发过程的稳定性和效率。一、准备工作在开始之前,请确保您
326 3
|
2月前
|
数据库 C# 开发者
ADO.NET连接到南大通用GBase 8s数据库
ADO.NET连接到南大通用GBase 8s数据库
|
2月前
|
存储 缓存 NoSQL
2款使用.NET开发的数据库系统
2款使用.NET开发的数据库系统
|
2月前
|
数据库连接 数据库 C#
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(上)
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(上)
|
2月前
|
数据库连接 数据库 C#
Windows下C# 通过ADO.NET方式连接南大通用GBase 8s数据库(下)
本文接续前文,深入讲解了在Windows环境下使用C#和ADO.NET操作南大通用GBase 8s数据库的方法。通过Visual Studio 2022创建项目,添加GBase 8s的DLL引用,并提供了详细的C#代码示例,涵盖数据库连接、表的创建与修改、数据的增删查改等操作,旨在帮助开发者提高数据库管理效率。
|
3月前
|
SQL 开发框架 .NET
ASP连接SQL数据库:从基础到实践
随着互联网技术的快速发展,数据库与应用程序之间的连接成为了软件开发中的一项关键技术。ASP(ActiveServerPages)是一种在服务器端执行的脚本环境,它能够生成动态的网页内容。而SQL数据库则是一种关系型数据库管理系统,广泛应用于各类网站和应用程序的数据存储和管理。本文将详细介绍如何使用A
102 3
|
3月前
|
开发者 Windows
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
142 0
|
3月前
|
存储 NoSQL API
.NET NoSQL 嵌入式数据库 LiteDB 使用教程
.NET NoSQL 嵌入式数据库 LiteDB 使用教程~
103 0
|
3月前
|
C# Android开发 iOS开发
一组.NET MAUI绘制的开源控件 - AlohaKit
一组.NET MAUI绘制的开源控件 - AlohaKit
|
3月前
|
SQL 开发框架 .NET
ASP.NET连接SQL数据库:实现过程与关键细节解析an3.021-6232.com
随着互联网技术的快速发展,ASP.NET作为一种广泛使用的服务器端开发技术,其与数据库的交互操作成为了应用开发中的重要环节。本文将详细介绍在ASP.NET中如何连接SQL数据库,包括连接的基本概念、实现步骤、关键代码示例以及常见问题的解决方案。由于篇幅限制,本文不能保证达到完整的2000字,但会确保