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。
|
XML JSON API
ServiceStack:不仅仅是一个高性能Web API和微服务框架,更是一站式解决方案——深入解析其多协议支持及简便开发流程,带您体验前所未有的.NET开发效率革命
【10月更文挑战第9天】ServiceStack 是一个高性能的 Web API 和微服务框架,支持 JSON、XML、CSV 等多种数据格式。它简化了 .NET 应用的开发流程,提供了直观的 RESTful 服务构建方式。ServiceStack 支持高并发请求和复杂业务逻辑,安装简单,通过 NuGet 包管理器即可快速集成。示例代码展示了如何创建一个返回当前日期的简单服务,包括定义请求和响应 DTO、实现服务逻辑、配置路由和宿主。ServiceStack 还支持 WebSocket、SignalR 等实时通信协议,具备自动验证、自动过滤器等丰富功能,适合快速搭建高性能、可扩展的服务端应用。
1100 3
|
SQL 开发框架 .NET
ASP.NET连接SQL数据库:详细步骤与最佳实践指南ali01n.xinmi1009fan.com
随着Web开发技术的不断进步,ASP.NET已成为一种非常流行的Web应用程序开发框架。在ASP.NET项目中,我们经常需要与数据库进行交互,特别是SQL数据库。本文将详细介绍如何在ASP.NET项目中连接SQL数据库,并提供最佳实践指南以确保开发过程的稳定性和效率。一、准备工作在开始之前,请确保您
1035 3
|
编解码 前端开发 JavaScript
.NET_web前端框架_layui_栅格布局
【8月更文挑战第27天】
467 4
|
中间件 Go
Golang | Gin:net/http与Gin启动web服务的简单比较
总的来说,`net/http`和 `Gin`都是优秀的库,它们各有优缺点。你应该根据你的需求和经验来选择最适合你的工具。希望这个比较可以帮助你做出决策。
746 35
|
运维 前端开发 C#
一套以用户体验出发的.NET8 Web开源框架
一套以用户体验出发的.NET8 Web开源框架
571 7
一套以用户体验出发的.NET8 Web开源框架
|
SQL 关系型数据库 数据库
PostgreSQL数据库报错 ERROR: multiple default values specified for column "" of table "" 如何解决?
PostgreSQL数据库报错 ERROR: multiple default values specified for column "" of table "" 如何解决?
1201 59
|
开发框架 数据可视化 .NET
.NET 中管理 Web API 文档的两种方式
.NET 中管理 Web API 文档的两种方式
406 14
|
开发框架 .NET PHP
ASP.NET Web Pages - 添加 Razor 代码
ASP.NET Web Pages 使用 Razor 标记添加服务器端代码,支持 C# 和 Visual Basic。Razor 语法简洁易学,类似于 ASP 和 PHP。例如,在网页中加入 `@DateTime.Now` 可以实时显示当前时间。
|
开发框架 前端开发 .NET
VB.NET中如何利用ASP.NET进行Web开发
在VB.NET中利用ASP.NET进行Web开发是一个常见的做法,特别是在需要构建动态、交互式Web应用程序时。ASP.NET是一个由微软开发的开源Web应用程序框架,它允许开发者使用多种编程语言(包括VB.NET)来创建Web应用程序。
505 6