Javascript 按记录分页

Javascript 按记录分页,javascript,c#,html,css,asp.net,Javascript,C#,Html,Css,Asp.net,我目前正试图根据personID/人名对要打印的表进行分页。目前,它正在对每个单独的表记录进行分页。 (这是一个aspx页面,在aspx页面中,在iframe中使用ascx文件)。 如何根据每个患者的表格而不是每个记录对此进行分页 表1.ascx <br class="clear" /><br /> <table class="report-table" cellspacing="0" cellpadding="2"> <asp:

我目前正试图根据personID/人名对要打印的表进行分页。目前,它正在对每个单独的表记录进行分页。
(这是一个aspx页面,在aspx页面中,在iframe中使用ascx文件)。 如何根据每个患者的表格而不是每个记录对此进行分页

表1.ascx

<br class="clear" /><br />
    <table class="report-table" cellspacing="0" cellpadding="2">
        <asp:Repeater ID="Repeater1" runat="server" DataSource='<%# Eval("Bil") %>' OnItemDataBound="Repeater1_OnItemDataBound">
            <HeaderTemplate>
                <tr>
                    <td>Seq</td>
                    <td class="BillingId">Billing Id</td>
                    <td class="DateOfService">Date of Service</td>
                    <td class="PrintNormalWrap">MD</td>
                    <td class="POS">POS</td>
                    <td class="CPT">CPT</td>
                    <td class="MODS">MODS</td>
                    <td class="Charge">Charge</td>
                    <td>Diagnosis</td>
                    <td class="PrintNormalWrap">Referring Provider(UPIN)/Comment</td>
                </tr>
            </HeaderTemplate>

            <ItemTemplate>
                <tr class="<%# BillHasHold(Eval("HasHold")) %> billRowShade<%# Container.ItemIndex % 2 %>">
                    <asp:TableCell ID="tableCellSequence" runat="server"><%# Container.ItemIndex + 1 %></asp:TableCell>
                    <td class="BillingId"><%# FormatBillingId(Eval("BillingId"))  %></td>
                    <td class="DateOfService"><%# FormatShortDate(Eval("ServiceDate")) %></td>
                    <td class="PrintNormalWrapMD"><%# FormatDoctorField(Eval("DoctorName"), Eval("SupervisedByName")) %></td>
                    <td class="POS"><%# FormatField(Eval("Pos")) %></td>
                    <td class="CPT"><%# FormatField(Eval("CptCode"))    %></td>
                    <td class="MODS"><%# FormatField(Eval("Mod"))   %></td>
                    <td class="Charge"><%# Eval("Charge") %></td>
                    <td><%# FormatDiagnoses(Eval("Diagnoses"), Eval("BillDate"), Eval("SiteName")) %></td>
                    <td class="PrintNormalWrapRefPrvdr"><%# FormatNotes(Eval("RefMd"), Eval("RefUpin"), Eval("Notes"), Eval("TimeEntry")) %></td>
                </tr>
                <asp:TableRow ID="tableRowSpecialtyFieldDetails" runat="server" CssClass="specialtyFieldDetails">
                    <asp:TableCell colspan="9" runat="server"><span id="spanSpecialtyFieldDetails" runat="server"></span></asp:TableCell>
                </asp:TableRow>
            </ItemTemplate>
        </asp:Repeater>
     </table>
<p id="pageBreaker" class="pageBreak"></p>


序号 账单Id 服务日期 医学博士 销售时点情报系统 运费付至指定目的地 MODS 冲锋 诊断 推荐提供商(UPIN)/评论

aspx文件

<head runat="server">
    <title></title>
    <link href="Css/ReportStyles.css" rel="stylesheet" type="text/css" />
    <link href="Css/ReportControls.css" rel="stylesheet" type="text/css" />
       <style type="text/css">
    @media print{
                .pageBreak {
        page-break-after: always;
    }

        .pageBreak:last-of-type{
            page-break-after: avoid;
        }
    }
</style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="theScriptManager" runat="server"></asp:ScriptManager>
        <im:UserSecurityControl ID="userSecurityControl" runat="server" />


        <div id="report-controls">
            <div id="batch-action-tab-container">
                    <div id="batch-action-tabs">
                       <span id="print-batch-tab" class="selected">Encounter Reports</span>
                       <span id='print-face-sheet-tab'>Print Face Sheets</span>
                     </div>

                    <div class="batch-action-panel" id="print-batch-panel">

                        <input type="button" id="generate-report" value="Generate Report" style="float: right; margin: 10px;" /> 

                        <div style="float: left; margin-left: 20px;">
                            <label class="reportControlsHeader" style="margin-left: 5px;">Report Type</label><br />
                            <input type="radio" class="main-report-type" name="main-report-type" value="1" checked="checked"  /> Physician Encounters
                            <br />
                            <input type="radio" class="main-report-type" name="main-report-type" value="2"  /> Patient Details
                            <br/>
                        </div>

                         <div class="grouping-options">
                            <label class="reportControlsHeader" style="margin-left: 25px;">Group By</label><br />
                            <div class="option">
                                <input type="radio" class="main-report-grouping" name="main-report-grouping" value="0" checked="checked"  /> <span>Encounter Date</span>
                            </div>
                            <div class="option">
                                <input type="radio" class="main-report-grouping" name="main-report-grouping" value="1"  /> Name
                            </div>
                            <br />
                            <div class="option">
                                <input type="radio" class="main-report-grouping" name="main-report-grouping" value="2"  /> Facility
                            </div>
                            <div class="option">
                                <input type="radio" class="main-report-grouping" name="main-report-grouping" value="3"  /> Group Name
                            </div>
                             <div>
                               <input id="paginateCheckBox" type="checkbox" class="main-report-grouping" name="main-report-grouping" value="3"  /><span>Paginate each patient</span> 
                            </div>  
                            <br />
                        </div>

                    </div>

                     <div class="batch-action-panel" id="print-facesheet-panel">

                         <input type="button" id="generate-facesheets" value="Generate Face Sheets" style="float: right;  margin: 10px;" />
                        <div style="padding-top: 10px; padding-left: 10px; ">
                             <input type="checkbox" checked="checked" id="facesheet-include-bills" /> Include Bills
                             <input type="checkbox" id="facesheet-sort-lastname" style="margin-left: 140px;" /> Sort by Last Name
                         </div>
                         <div>
                             <input type="checkbox" id="facesheet-include-holds" style="margin-left: 40px;" /> Include Holds 
                         </div>
                     </div>
            </div>
        </div>

        <div id="report-container">
            <div id="report-toolbar">
                 <div id="print-button" style="float: right;">&nbsp;</div>
            </div>
            <iframe id="report-display" border="0"></iframe>

        </div>


    </form>
</body>
</html>

@媒体印刷品{
.分页符{
分页符后:始终;
}
.pageBreak:类型的最后一个{
换页后:避免;
}
}
遭遇报告
打印封面
报告类型
医生遭遇
患者详细信息
分组依据
相遇日期 名称
设施 组名 对每位患者进行分页
包括账单 按姓氏排序 包括货舱
问题是…?我更新了问题“我认为我需要遍历DOM并在每个表的末尾插入pagebreaker元素”,目前它正在对每个表记录进行分页“.这是什么原因造成的?页面上没有代码,只有标记。另外,如果使用GridView而不是中继器,则内置分页功能