Como criar uma barra de rolagem em uma tabela

tabelas HTML são exibidos em toda a Internet

Uma tabela HTML pode fornecer um método transparente para justapondo muitas peças diferentes de conteúdo, como imagens com texto. A tabela também pode deliberadamente aparecer como uma estrutura de grade rigorosa, com linhas e colunas separadas por uma fronteira. Embora as tabelas podem ter muitos layouts diferentes, eles geralmente são exibidos na íntegra em uma página web. Se a tabela contém uma longa planilha de informações, pode ser mais viável para não exibir a tabela inteira de uma só vez. Em vez disso, você pode criar uma barra de rolagem para que apenas uma parte da tabela é mostrada de cada vez. visitante da sua página web pode então percorrer a tabela se ela deseja ver mais.

Coisas que você precisa

  • Editor de texto
  • Abra o arquivo HTML que contém a tabela. Você deve abrir esta em um editor de texto, e não um navegador web. Windows Notepad é aceitável para este processo.

  • Localizar o código HTML no arquivo que processa os dados da tabela. Esta seção do código começará com o "

    " tag. A marcação pode conter outros elementos, tais como "
    ," o que denota a cor de fundo da tabela e do tamanho de suas fronteiras grade.

  • Criar uma nova linha antes deste código da tabela. Você pode facilmente conseguir isso colocando o cursor de texto à direita antes do "

    " tag e pressionando "Entrar" no teclado.



  • Adicione o seguinte linha de código DHTML na linha acima da tabela de HTML. DHTML é uma extensão da linguagem HTML que inclui CSS informações de formatação. Este código fornece recursos que o código HTML convencional não pode. A linha necessária para criar a barra de rolagem é:

    Neste exemplo, a substituir "altura" e "largura" o pixel de informação para representar o tamanho da janela da mesa que deve ser exibido na tela. O que não se encaixam nesse tamanho especificado estará disponível através de barras de rolagem automaticamente. "100px" representa 100 pixels, o que não é particularmente grande. Considere a resolução do monitor do computador para estimar o tamanho da sua janela de tabela desejada. Para lhe dar uma ideia do tamanho que você pode precisar neste código, muitos monitores de computador estão fixados em 1024 pixels de largura.

  • Salve o arquivo.

  • Dê um duplo clique no arquivo para abri-lo em um navegador da web. A tabela é apresentado com barras de rolagem. Se o tamanho da janela da mesa não é como se pretende, fazer ajustes para o DHTML "altura" e "largura" parâmetros para se chegar a uma aparência que mais lhe convier.

De esta maneira? Compartilhar em redes sociais:

LiveInternet