comment faire <display:table> défilement?

Je suis en utilisant <display:table> balise pour afficher le tableau dans la page jsp.

maintenant, je peux naviguer dans les enregistrements à l'aide des numéros de page.

Maintenant, je veux afficher tous les enregistrements dans une seule page, mais avec le défilement.(pas de pagination)

cette table est définie comme une partie de la page, donc comme un seul div peut être déplacé.reste de la page doit être comme il est.

S'il vous plaît suggérer..!

pouvez-vous ajouter votre code dans jsfiddle ??
désolé.. je ne peux pas ajouter, c'est trop grand.
pouvez-vous fournir l'url du site ?
Quel rôle voulez-vous de défilement? L'ensemble de la table ou tout simplement les enregistrements avec un statique de la ligne d'en-tête?
Une fois observer la Naveen la solution de stackoverflow.com/questions/15159696/...

OriginalL'auteur Sweety | 2012-08-27

  1. 3

    Essayez de mettre votre table dans la div balise puis modifier le fichier css:

    <div class="displayTableFrame" style="margin-top: 20px; padding-top: 30px;">            
    <display:table cellpadding="5" cellspacing="1" name="myList" class="dataTable">             
        <display:column class="colId" property="id" title="ID" />    
        <display:column class="colName" property="name" />    
        <display:column class="colEmail" property="email" />    
        <display:column class="colStatus" property="status" />    
        <display:column class="colComments" property="description" title="Comments" />                                                                            
    </display:table>    
</div>

    Par exemple, la div balise est displayTableFrame. Puis css:

    .displayTableFrame {
    background-color: green;
    overflow-x: scroll;
    height: 320px
    width: 100%;
}

    donner une fixe en hauteur puis overflow-x: scroll.
    Essayez et laissez-nous savoir.

    mise à Jour:

    Grâce à Jaimon et le son magique des codes, la solution pour l'en-tête fixe peut être trouvé ici:

    Jaimon Blog

    J'ai testé et cela fonctionne sans problème avec IE8 et FF14.

    Bonne chance Ruchi!

    Meilleures salutations,

    Khanh Tran

    c'est bien le code pour faire le tableau de défilement..mais ce que je veux est besoin de rester en-tête et de faire des enregistrements de défilement seulement pas toute la table.

    OriginalL'auteur Khanh Tran

  2. 1

    Essayez avec cette!!!

    $(document).ready(
        function()  {
            scrolify($('#idOfDisplayTable'), 100); //100 = HEIGHT
        }
    );

    function scrolify(tblAsJQueryObject, height){
        var oTbl = tblAsJQueryObject;
        var oTblDiv = $("<div/>");
        oTblDiv.css('height', height);
        oTblDiv.css('overflow-y','scroll');             
        oTbl.wrap(oTblDiv);

        //save original width
        oTbl.attr("data-item-original-width", oTbl.width());
        oTbl.find('thead tr td').each(function(){
            $(this).attr("data-item-original-width",$(this).width());
        }); 
        oTbl.find('tbody tr:eq(0) td').each(function(){
            $(this).attr("data-item-original-width",$(this).width());
        });                 


        //clone the original table
        var newTbl = oTbl.clone();
        oTbl.parent().parent().prepend(newTbl);
        newTbl.wrap("<div/>");

        //remove table header from original table
        oTbl.find('thead tr').remove();                 
        //remove table body from new table
        newTbl.find('tbody tr').remove();   

        //replace ORIGINAL COLUMN width                
        newTbl.width(newTbl.attr('data-item-original-width'));
        newTbl.find('thead tr td').each(function(){
            $(this).width($(this).attr("data-item-original-width"));
        });     
        oTbl.width(oTbl.attr('data-item-original-width'));      
        oTbl.find('tbody tr:eq(0) td').each(function(){
            $(this).width($(this).attr("data-item-original-width"));
        });                 
    }
    J'ai été en utilisant votre solution pour un certain temps, il fonctionne bien!

    OriginalL'auteur Nullpo

  3. 1

    @Sweety
    Comme je l'ai répondu à varier question similaire, déjà, je vais vous passer les exemple que j'ai fait pour cette réponse.

    La chose principale, c'est à vous de définir div à l'extérieur de la table de données. Quelque chose comme ceci:

     <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"> 
  This is not scroll-able. It will stay in position
</div>

    Ensuite, vous pouvez positionner le div et ne séparément à partir de la table (ou de tout autre div, comme une question de fait)

    Vous pouvez juste essayer et voir comment c'est de travailler sur un exemple ici: http://jsfiddle.net/LQJY5/2/

    M. Aleks une fois observer, date à laquelle j'ai demandé à ma question (stackoverflow.com/questions/15159696/...) et de la date à laquelle j'ai répondu ici. Mais ce que mon problème est expliqué là....
    copier et coller....
    Si vous savez qu'il est de près de copier-coller, vous devez avoir vu la phrase "I am going to pass you the example I have made for that answer" Mais je suis juste deviner que vous avez réellement lu les réponses
    Je commence à croire que c'est un double du compte de Neven, vous écrivez tous les mêmes phrases, même le nombre de ces points sont les mêmes = 4 😉
    nous nous r de travail dans les mêmes org. je suis aussi en face d'un même problème.

    OriginalL'auteur Aleks