<div> barra de rolagem com <tr> dentro

6 de março de 2009 7 respostas

herbertins 6 de março de 2009

Bom dia galera,

estou fazendo um grid aqui na minha pagina html e gostaria de colocar uma barra de rolagem do cabeçalho para baixo.

tipo assim

<table>
    <tr>
         <td>Nome</td>
         <td>email</td> 
    </tr>
    <div id = "scroll"> <!--scroll é o nome do meu css de barra de rolagem -->
         <tr>
               <td>herbert</td>
               <td>[email removido]</td>
         </tr>
         <tr>
               <td>joao</td>
               <td>[email removido]</td>
         </tr>
         <tr>
               <td>maria</td>
               <td>[email removido]</td>
         </tr>
    </div>
</table>

a barra de rolagem não funciona, eu conseguir usar fazendo duas tabelas uma para o cabeçalho e outra para os dados, mas eh mto dificil alinhar os campos. ai quero usar tudo em uma unica tabela.

alguem sabe como posso resolver isso??

desde já agradeço

abs

7 Respostas

fiaux 6 de mar. de 2009

Não sei se eu entendi o que deseja fazer. Mas para botar uma barra de rolagem numa div use overflow: auto;

nextuser 6 de mar. de 2009

vc tem que usar tbody e na css do tbody vc tem que especificar a altura e tem que ter o overflow como auto…

como no link http://is.gd/m5Up

herbertins 6 de mar. de 2009

como assim usar tbody

nextuser 6 de mar. de 2009

tu viu o link??

cara tbody elemento html sua duvida é de html e naum de java!

ta ai html!

fiaux 6 de mar. de 2009

Você quer uma div com rolagem do que estiver dentro dela e além disso uma tabela com cabeçalho?

nextuser 6 de mar. de 2009

pera ai que vou desenhar!!!

nextuser 6 de mar. de 2009

forum java

pronto desenhado

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table cellpadding="6">
  <thead>
    <tr>
      <th>Weekday</th>
      <th>Date</th>
      <th>Manager</th>
      <th>Qty</th>
    </tr>
  </thead>
  <tbody style="height:70px; overflow-y:scroll; overflow-x:hidden;">
    <tr>
      <td>Mon</td>
      <td>09/11</td>
      <td>Kelsey</td>
      <td>639</td>
    </tr>
    <tr>
      <td>Tue</td>
      <td>09/12</td>
      <td>Lindsey</td>
      <td>596</td>
    </tr>
    <tr>
      <td>Wed</td>
      <td>09/13</td>
      <td>Randy</td>
      <td>1135</td>
    </tr>
    <tr>
      <td>Thu</td>
      <td>09/14</td>
      <td>Susan</td>
      <td>1002</td>
    </tr>
    <tr>
      <td>Fri</td>
      <td>09/15</td>
      <td>Randy</td>
      <td>908</td>
    </tr>
    <tr>
      <td>Sat</td>
      <td>09/16</td>
      <td>Lindsey</td>
      <td>371</td>
    </tr>
    <tr>
      <td>Sun</td>
      <td>09/17</td>
      <td>Susan</td>
      <td>272</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th align="left" colspan="3">Total</th>
      <th>4923</th>
    </tr>
  </tfoot>
</table>
</body>
</html>

Criado 6 de março de 2009

Ultima resposta 6 de mar. de 2009

Respostas 7

Participantes 3

7 Respostas

Topicos relacionados