2008-11-16 12 views
1

J'ai de longues tables générées par le contrôle DataGrid qui vont au-delà de la largeur de la page. Je voudrais convertir cela en table séparée pour chaque rangée ou liste de définition où chaque nom de champ est suivi par la valeur de champ.séparé datable pour chaque ligne en db. .NEt

Comment ferais-je cela?

Répondre

2

Utilise jquery. Si vous avez plus d'un tableau, vous devrez le modifier pour y répondre. De plus, il suffit de l'ajouter à la fin du document. Si vous le voulez ailleurs, trouvez l'élément que vous voulez placer et insérez-le dans le DOM à ce moment-là.

$(document).ready(
    function() { 

     var headers = $('tr:first').children(); 

     $('tr:not(:first)').each(

      function(i,row) { 

      var cols = jQuery(row).children(); 

      var dl = jQuery('<dl></dl>'); 

      for (var i=0, len = headers.length; i < len; ++i) { 
       var dt = jQuery('<dt>'); 
       dt.text(jQuery(headers[i]).text()); 

       var dd = jQuery('<dd>'); 
       dd.text(jQuery(cols[i]).text()); 

       dl.append(dt).append(dd); 
      } 
      $('body').append(dl); 
      } 
     ); 
     $('table').remove(); 
    } 
);