Hur man gör en rullningslist i en tabell med HTML

June 17

Hur man gör en rullningslist i en tabell med HTML


Tabeller är användbara verktyg i HTML för att hålla uppgifter formaterade på ett visst sätt. Ibland tabeller innehåller stora mängder data som du kanske inte vill ta upp hela skärmen. I dessa fall kan du lägga till en rullningslist till en tabell som är inställd på en viss storlek. En besökare kan bläddra igenom så mycket text som du väljer att lägga till, men bordet kommer alltid i samma storlek.

Instruktioner

1 Öppna webbsidan som du vill ändra på en HTML- eller textredigeringsprogram.

2 Skriv följande kod i kroppen delen av HTML:

<Table>

<Tr>

<Td>

3 Lägg till följande kod efter <td> kod för cellen:

<Div style = "width: 200px; height: 100px; overflow: auto;">

4 Ändra bredd och höjd till den storlek som du vill att rullnings cellen att vara.

5 Ange de data som du vill inom rullbordet.

6 Lägg koden </ div> efter det att uppgifterna.

7 Stäng tabellen med följande kod:

</ Td>

</ Tr>

<Table>

8 Spara filen. Tabellcellen som du har angett kommer nu att rullnings.

Tips

  • Ett exempel på en rullbord kod:
  • <Table>
  • <Tr>
  • <Td>
  • <Div style = "width: 200px; height: 100px; overflow: auto;">
  • Det är där alla tabellens innehåll går. <P>
  • Lägg till några fler innehåll, och mer och mer och mer. <P>
  • I stället för att odla större med all denna text kommer tabellen har en rullningslist.
  • </ Div>
  • </ Td>
  • </ Tr>
  • </ Table>

        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2021 Astrixsoft.com | Contact us: webmaster# astrixsoft.com