ASP.NET 两个Repeater，实现合并单元格效果(HTML DEMO) 2018新思路

最新推荐文章于 2022-08-26 17:40:30 发布
最新推荐文章于 2022-08-26 17:40:30 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： asp.net web ASP.NET实战日记
本文为博主原创文章，只为分享而编，欢迎各位学习以及转载。
本文链接：https://blog.csdn.net/qq285679784/article/details/79898789
版权


Repeater实现

<style type="text/css">
    .table {
        border-spacing: 0;
        border-collapse: collapse;
    }
    .table th,.table td{
        padding:5px;
    }

    .no-borders {
        border: none !important;
        padding: 0 !important;
        height: 0;
    }

    .no-bt {
        border-top: none !important;
    }
</style>

<table class="table" border="1">
    <thead>
        <tr>
            <th rowspan="2">#</th>
            <th rowspan="2">所属客户</th>
            <th rowspan="2">所属项目</th>
            <th rowspan="2">岗点名称</th>
            <th colspan="5">班次及人员要求</th>
            <th rowspan="2">备注说明</th>
            <th rowspan="2">状态</th>
        </tr>
        <tr>
            <th class="no-bt">#</th>
            <th class="no-bt">班次</th>
            <th class="no-bt">上班时间</th>
            <th class="no-bt">下班时间</th>
            <th class="no-bt">所需人数</th>
        </tr>
    </thead>
    <tbody>
        <repeater>
            <tr>
                <td rowspan="2" align="center">1</td>
                <td rowspan="2">
                    AA
                </td>
                <td rowspan="2">"projectname"</td>
                <td rowspan="2">"gdname"</td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td rowspan="2">"memo"</td>
                <td rowspan="2" align="center"></td>
            </tr>
            <repeater>
                <tr>
                    <td align="center" class="no-bt">1</td>
                    <td align="center" class="no-bt">"bc_name"</td>
                    <td align="center" class="no-bt">"beg_time"</td>
                    <td align="center" class="no-bt">"end_time"</td>
                    <td align="center" class="no-bt">"need_man"</td>
                </tr>
            </repeater>
        </repeater>
    </tbody>
</table>


HTML演示代码，可复制到html文件查看效果

<style type="text/css">
    .table {
        border-spacing: 0;
        border-collapse: collapse;
    }
    .table th,.table td{
        padding:5px;
    }

    .no-borders {
        border: none !important;
        padding: 0 !important;
        height: 0;
    }

    .no-bt {
        border-top: none !important;
    }
</style>

<table class="table" border="1">
    <thead>
        <tr>
            <th rowspan="2">#</th>
            <th rowspan="2">所属客户</th>
            <th rowspan="2">所属项目</th>
            <th rowspan="2">岗点名称</th>
            <th colspan="5">班次及人员要求</th>
            <th rowspan="2">备注说明</th>
            <th rowspan="2">状态</th>
        </tr>
        <tr>
            <th class="no-bt">#</th>
            <th class="no-bt">班次</th>
            <th class="no-bt">上班时间</th>
            <th class="no-bt">下班时间</th>
            <th class="no-bt">所需人数</th>
        </tr>
    </thead>
    <tbody>
        <repeater>
            <tr>
                <td rowspan="3" align="center">1</td>
                <td rowspan="3">
                    AA
                </td>
                <td rowspan="3">"projectname"</td>
                <td rowspan="3">"gdname"</td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td rowspan="3">"memo"</td>
                <td rowspan="3" align="center"></td>
            </tr>
            <repeater>
                <tr>
                    <td align="center" class="no-bt">1</td>
                    <td align="center" class="no-bt">"bc_name"</td>
                    <td align="center" class="no-bt">"beg_time"</td>
                    <td align="center" class="no-bt">"end_time"</td>
                    <td align="center" class="no-bt">"need_man"</td>
                </tr>
                <tr>
                    <td align="center" class="no-bt">2</td>
                    <td align="center" class="no-bt">"bc_name"</td>
                    <td align="center" class="no-bt">"beg_time"</td>
                    <td align="center" class="no-bt">"end_time"</td>
                    <td align="center" class="no-bt">"need_man"</td>
                </tr>
            </repeater>
            <tr>
                <td rowspan="3" align="center">2</td>
                <td rowspan="3">
                    AA
                </td>
                <td rowspan="3">"projectname"</td>
                <td rowspan="3">"gdname"</td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td align="center" class="no-borders"></td>
                <td rowspan="3">"memo"</td>
                <td rowspan="3" align="center"></td>
            </tr>
            <repeater>
                <tr>
                    <td align="center" class="no-bt">1</td>
                    <td align="center" class="no-bt">"bc_name"</td>
                    <td align="center" class="no-bt">"beg_time"</td>
                    <td align="center" class="no-bt">"end_time"</td>
                    <td align="center" class="no-bt">"need_man"</td>
                </tr>
                <tr>
                    <td align="center" class="no-bt">2</td>
                    <td align="center" class="no-bt">"bc_name"</td>
                    <td align="center" class="no-bt">"beg_time"</td>
                    <td align="center" class="no-bt">"end_time"</td>
                    <td align="center" class="no-bt">"need_man"</td>
                </tr>
            </repeater>
        </repeater>
    </tbody>
</table>


ChinaLzw
关注
专栏目录
ASP.NET高级里面的repeater控件的应用实现样式设置，并添加删除按钮
gengyudan的专栏
12-20 5950
1、前台设计：             .center     {text-align:center;         }      .big_img img      {         border:1px solid #ccc;         width:100px;         height:100px;          }       .big_
ASP.NET动态生成HTML页面
动性忍心
08-15 1516
思路 1. 利用如Dw-Mx这样的工具生成html格式的模板，在需要添加格式的地方加入特殊标记(如$htmlformat$),动态生成文件时利用代码读取此模板，然后获得前台输入的内容，添加到此模板的标记位置中，生成新文件名后写入磁盘，写入后再向数据库中写入相关数据。 2. 使用后台代码硬编码Html文件，可以使用HtmlTextWriter类来写html文件。 　　优点 1. 可以建立非常复杂的页
老瓶装新酒，结合jquery来实现asp.net repeater的主从表样式(类似masterdetail控件)
orichisonic的专栏
04-20 952
好久再接触这种写法已经是在东财，这边这个数据管理中心的写法的确让我耳目一新，其实如果不是太花哨的h5的动态呈现，很多asp.net也能实现异步defered甚至是一些页面的定制。这边不多说废话，先上图： 这边的按照风险类型来分组，其实这个就是一个大的repeater里面套一个详细的repeater。首先上html代码： 添加风险类型：
ASP.NET基础教程-Repeater控件的模板的使用
weixin_33739627的博客
10-24 271
Repeater控件不具有固定外观，而是通过创建模板为该控件提供布局，Repeater控件中支持的模板如下： HTML代码<asp:Repeater id="Repeater1" runat="server"> <HeaderTemplate><h3>页眉模板---人员详细信息</h3><table&g...
repeater填充html,使用动态绑定到对象列表的ASP.NET Repeater创建HtmlTable
weixin_29147045的博客
06-17 252
我以编程方式在中继器内创建一个表。我的问题是，项目模板部分中的单元格无法正确呈现。它们在表格标记后显示为文本节点。有没有人有关于如何正确获取表格单元格的建议？using System;using System.Collections.Generic;using System.Web.UI;using System.Web.UI.HtmlControls;using System.Web.UI.We...
ASP.NET程序中用Repeater实现分页
01-01
一、程序功能：　为Repeater实现分页　二、窗体设计：　1、新建ASP.NET Web应用程序，命名为Repeater2，保存路径为http://192.168.0.1/Repeater2（注：我机子上的网站的IP是192.168.0.1的主目录是D:\web文件夹）然后...
ASP.NET中GridView和Repeater重复数据如何合并
01-20
在ASP.NET中，GridView和Repeater是两种常用的控件，用于展示数据集合。它们都具有高度自定义的能力，但处理重复数据时，需要通过编程来实现数据合并，以提高数据展示的效率和用户体验。以下是对这两种控件进行重复...
asp.net Repeater取得CheckBox选中的某行某个值的c#写法
10-30
在*** Web表单应用中，Repeater控件常用于以列表形式显示数据，其中的CheckBox控件经常被用于实现某一行的选择功能。在本例中，我们将探讨如何在***使用Repeater控件结合CheckBox来获取选中行中特定控件的值。 首先...
ASP.NET中GridView 重复表格列合并的实现方法
10-21
这时，可以通过调整单元格的显示方式，如隐藏重复的单元格等方法，来实现列的合并效果。 需要注意的是，合并重复列的过程中，对于数据的正确性是非常关键的。开发者在编写代码时，需要确保数据合并的逻辑正确无误，...
asp.net中使用 Repeater控件拖拽实现排序并同步数据库字段排序
01-02
数据库表中有一个单位表，里面包括ID、Name、Order等字段，现在有个后台管理功能，可以设置这些单位在某些统计表格中的先后显示顺序，于是想到用拖拽方式实现，这样操作起来更简便。 使用了GifCam软件做了一个示例...
asp.net视频合并
12-21
利用ffmpeg把两个独立的视频合并成一个，ffmpeg还用好多的视频处理功能，这里只有一个简单的视频合并，其他的各位要是有兴趣自己去研究研究
AspNetPager Reperater使用方法 例子
10-27
详细说明 AspNetPager Reperater分页方法 例子1.添加引用AspNetPager.dll到bin文件夹下。 2.在工具箱中，点右键，选择项，找到该AspNetPager.dll;工具箱中会自动添加个控件 3.拖拽该控件到 页面，进行后台的编程，参考TestItem.aspx.cs
repeater多层嵌套（c# asp.net）
03-02
代码可直接复制粘贴使用，用c#做的,对于不想写代码的人不错的选择
asp.net Repeater 数据绑定的具体实现(图文详解)
10-27
此例子绑定的数据源为微软在mssql2000中提供的Northwind数据库中的表Categories。
ASP.net中GridView合并单元格
weixin_30352191的博客
03-16 107
///<summary>///合并单元格///</summary>///<paramname="gv">需要合并的风格视图</param>///<paramname="rowCount">需要合并的列</param>pr...
保姆级教程 | 表格自动行合并实现
艾米栗的代码天地
08-26 1356
在 element-ui 和 antv 中都有表格合并，但如何确定哪几行要合并呢？ 在随机给定数据的情况下，如何实现自动合并呢？本文将一一解答这些问题。
.NET中ASP.NET丶Repeater介绍
weixin_44870681的博客
10-21 474
Repeater介绍 （1）：Repeater(foreach)用于对绑定数据源中的数据进行遍历并按格式显示，每条数据以什么格式显示是由Repeater的来决定的，模板会多次显示，就像foreach， ItemTemplate 中相当于{}中的语句。姓名：<%#Eval(“Name”)%>年龄：<%#Eval(“Age”)%> 。注意：%和#中间不能有空格。 （2）：&lt...
asp.net动态网站repeater控件使用及分页操作介绍
weixin_30819085的博客
11-04 433
asp.net动态网站repeater控件使用及分页操作介绍 1.简单介绍 Repeater控件是一个容器控件，可用于从网页的任何可用数据中创建自定义列表。Repeater 控件没有自己内置的呈现功能，这意味着用户必须通过创建模板来提供 Repeater 控件的布局。当网页运行时，Repeater 控件会循环通过数据源中的记录，并为每个记录呈现一个项。 2.布局 一个完整的Repeater包括...
Asp.Net WEB服务器编程技术
09-28
主讲内容：了解什么是ASP.NET技术和B/S开发模式，学习IIS的安装和配置，学习创建第一个Web程序如果您想学ASP.NET动态网站开发，您选对了课程！本课程由张老师原创开发和精心录制，是从基础到进阶学习ASP.NET网站开发的系统课程，视频+PPT+代码+配套练习+永久答疑！【内容和特色】课程设计循序渐进、特色讲法、非常适合自主学习：1、ASP.NET动态网站核心技能系统讲解。2、教学过程贯穿实战案例，边学边用。3、独立项目在技能学完后专门讲解，巩固前面所学全部内容！4、所有代码和项目功能全部手把手讲解！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值