Scroll 显示表格的滚动条

我想知道如何在分页栏之间插入标签 如果我有 顶部的分页栏。如果我把标签放在我的 显示：表格，它还包括滚动条内的分页内容

此外，我也不知道如何将样式设置为TBODY，因为它有点小 令人困惑我不知道这些东西是不是你们写的，但你能给我一些建议吗 如果你知道如何做到这一点。 我的代码是

<display:table id="data1" name="invprbmList" requestURI=""  pagesize="10" export="true" style="width:100%;" decorator="org.displaytag.decorator.TotalTableDecorator">
  <tr><td><display:setProperty name="paging.banner.item_name">Invoice</display:setProperty>
    <display:setProperty name="paging.banner.items_name">Invoices</display:setProperty>
    <display:setProperty name="paging.banner.some_items_found"><span class="pagebanner"> {0} Invoices found, displaying {2} to {3}. </span></display:setProperty>           
    <bean:define id="invoiceNo"><bean:write name="data1" property="invoiceNo"/></bean:define>
    <bean:define id="notes"><bean:write name="data1" property="notes"/></bean:define>
    <bean:define id="strFlag"><bean:write name="data1" property="strFlag"></bean:write></bean:define>

    <display:column  title="Invoice No." sortable="true" property="invoiceNo" media="xml csv pdf excel" class="l" headerClass="hl" />
    <display:column  property="invDate" title="Invoice Date" format="{0,date,dd-MMM-yyyy}" sortable="true" class="l" headerClass="hl"/>
    <display:column  media="html" title="Amount" property="invAmount" format="<%=strDispCurrency %>" sortable="true" class="r" headerClass="hr" />
    <display:column  title="Amount" sortable="true" property="invAmount" media="xml csv pdf excel" class="r" headerClass="hr" />
    <display:column  property="dueDate"     title="Due Date" format="{0,date,dd-MMM-yyyy}" sortable="true" class="l" headerClass="hl"/>
    <display:column  media="html" title="Balance" property="balance" format="<%=strDispCurrency %>" sortable="true" class="r" headerClass="hr" />
    <display:column  title="Balance" sortable="true" property="balance" media="xml csv pdf excel" class="r" headerClass="hr" />
    <display:column  title="Notes" sortable="true" property="notes"  media="xml csv pdf excel"  class="c" headerClass="hc"/>                                                  
    <display:column  property="invPoNum" title="P.O. No." sortable="true"  class="l" headerClass="hl"/>
    <display:column  property="invRefNo" title="Ref. No." sortable="true"  class="lbr" headerClass="hlbr"/>
    <display:column  property="status" title="Status" sortable="true" class="l" headerClass="hl"/>                              
  </td></tr>
</display:table>

创建一个CSS类locked-column.CSS，如下所示：

在JSP的JavaScript中调用此CSS类：

if(navigator.appName == 'Microsoft Internet Explorer') 
{ 
        document.write('<link rel="stylesheet" type="text/css" href="css/locked-column.css" />'); 
} 
else 
{ 
        document.write('<link rel="stylesheet" type="text/css" href="css/displaytag1.css" />'); 
} 

创建一个CSS类locked-column.CSS，如下所示：

在JSP的JavaScript中调用此CSS类：

if(navigator.appName == 'Microsoft Internet Explorer') 
{ 
        document.write('<link rel="stylesheet" type="text/css" href="css/locked-column.css" />'); 
} 
else 
{ 
        document.write('<link rel="stylesheet" type="text/css" href="css/displaytag1.css" />'); 
} 

---

如果它包含在可滚动列表中，请输入：

<div id="export-links"> 
                </div> 

外面

可滚动表中不能有不可滚动的元素。也许你可以把这个元素定义为绝对位置，这样做，但我不推荐这样做

使用您的代码，请尝试以下操作：

  <table>
        <tr><td>
            <div id="tbl-container" style="width: 850px;">
               <display:table name="CustomerList" export="true" id="customerList" class="dataTable" defaultorder="ascending" cellspacing="1" requestURI="" frame="true" decorator="org.displaytag.decorator.TotalTableDecorator"> 
                 <display:setProperty name="export.pdf.filename" value="OverallOverdue.pdf" /> 
                 <display:setProperty name="export.excel.filename" value="OverallOverdue.xls" /> 
                 <display:setProperty name="export.csv" value="true" /> 
                 <display:setProperty name="export.csv.filename" value="OverallOverdue.csv" /> 
                 <display:setProperty name="export.xml" value="true" /> 
                 <display:setProperty name="export.xml.filename" value="OverallOverdue.xml" /> 
                 <display:setProperty name="paging.banner.placement">top</display:setProperty> 
                 .........  
                 </display:table></div> </td></tr>
             <tr><td>&nbsp;</td></tr> 
             <tr><td>

             </td>
            </tr>
        </table>

<div id="export-links"> 
  your links here
</div> 

这样，它就不会包含在滚动的表中

看看我做的这个例子：

---

如果它包含在可滚动列表中，请输入：

<div id="export-links"> 
                </div> 

外面

可滚动表中不能有不可滚动的元素。也许你可以把这个元素定义为绝对位置，这样做，但我不推荐这样做

使用您的代码，请尝试以下操作：

  <table>
        <tr><td>
            <div id="tbl-container" style="width: 850px;">
               <display:table name="CustomerList" export="true" id="customerList" class="dataTable" defaultorder="ascending" cellspacing="1" requestURI="" frame="true" decorator="org.displaytag.decorator.TotalTableDecorator"> 
                 <display:setProperty name="export.pdf.filename" value="OverallOverdue.pdf" /> 
                 <display:setProperty name="export.excel.filename" value="OverallOverdue.xls" /> 
                 <display:setProperty name="export.csv" value="true" /> 
                 <display:setProperty name="export.csv.filename" value="OverallOverdue.csv" /> 
                 <display:setProperty name="export.xml" value="true" /> 
                 <display:setProperty name="export.xml.filename" value="OverallOverdue.xml" /> 
                 <display:setProperty name="paging.banner.placement">top</display:setProperty> 
                 .........  
                 </display:table></div> </td></tr>
             <tr><td>&nbsp;</td></tr> 
             <tr><td>

             </td>
            </tr>
        </table>

<div id="export-links"> 
  your links here
</div> 

这样，它就不会包含在滚动的表中

看看我做的这个例子：

---

从下载并包含这些文件的flexcroll.js和flexcrollstyles.css

<table>
 <tr>
  <td width='100%'> Paging: </td>
 </tr>
 <tr>
  <td>
    <div id='customscroll' class='flexcroll' style='height:300px;'>
     <table>
      <tr>
        <td>Your content</td>
      </tr>
     </table>
    </div>
  </td>
 </tr>
</table>

---

从下载并包含这些文件的flexcroll.js和flexcrollstyles.css

<table>
 <tr>
  <td width='100%'> Paging: </td>
 </tr>
 <tr>
  <td>
    <div id='customscroll' class='flexcroll' style='height:300px;'>
     <table>
      <tr>
        <td>Your content</td>
      </tr>
     </table>
    </div>
  </td>
 </tr>
</table>

---

---

您是否有您正在讨论的示例的链接？没有链接，任何人都无法帮助您。我已编辑了我的问题…拥有代码将有所帮助。@NaveenKumar如果有人回答了问题，请选择“回答”。在我看来，你已经定下了赏金，并对自己作出了回应。并投4票，让你的答案被选中。不要白白浪费开发人员的时间。您是否有指向您正在讨论的示例的链接？没有链接，任何人都无法帮助您。我已编辑了我的问题…拥有代码会有所帮助。@NaveenKumar如果有人回答了问题，请选择“回答”。在我看来，你已经定下了赏金，并对自己作出了回应。并投4票，让你的答案被选中。不要白白浪费开发人员的时间。这是答案还是问题？对不起，纳文，请您再次陈述您的问题。您是说它们是常量，但包含在滚动条中，您想要什么？你能说得更准确些吗？另外，我已经尝试了你的代码，at is没有显示任何内容。。只是“顶……”。请包括displaytag1.css，因为并非所有人都使用IE。我的要求仅在IE上。因此，这就是为什么我在上面包括lock-column.css代码…这个标记的答案实际上是一个问题-在我回答的代码上面，显示表的导出不是固定的页脚。。导出函数在页脚处是常量，但它包含在滚动条中。我该怎么做？@Aleks看到问题了吗？我到底在问什么？在我得到我的显示表滚动条解决方案后，我必须发现导出在滚动条中，并询问hw我可以修复它吗？对于上述问题，它是解决方案。但是有一个页脚问题。这是答案还是问题？对不起，纳文，请你再说一遍你的问题好吗。您是说它们是常量，但包含在滚动条中，您想要什么？你能说得更准确些吗？另外，我已经尝试了你的代码，at is没有显示任何内容。。只是“顶……”。请包括displaytag1.css，因为并非所有人都使用IE。我的要求仅在IE上。因此，这就是为什么我在上面包括lock-column.css代码…这个标记的答案实际上是一个问题-在我回答的代码上面，显示表的导出不是固定的页脚。。导出函数在页脚处是常量，但它包含在滚动条中。我该怎么做？@Aleks看到问题了吗？我到底在问什么？在我得到我的显示表滚动条解决方案后，我必须发现导出在滚动条中，并询问hw我可以修复它吗？对于上述问题，它是解决方案。但是有一个页脚问题。