Hur vet man vad man har för webbläsare

Så på denna plats utför ni snyggare tabeller

Ibland blir detta tydligast för att nyttja tabeller på grund av ditt innehåll.

De maximalt vanliga bläsarna idag existerar Internet Explorer, Edge, FireFox, Safari samt Chrome.

tillsammans med lite lätt samt primär HTML, är kapabel ni justera dina tabeller, sålunda för att detta blir tydligare samt snyggare. dem kommer även för att anpassas mot olika enheter samt framträda vid en god vis.

Den denna plats guiden gäller enbart dig liksom äger enstaka responsiv design tillsammans Bootstrap.

Dialogen

Grundexempel

Börja tillsammans för att producera enstaka tabell via editorn, ange enbart antal kolumner samt rader.
Klicka vid Infoga.
Därefter klickar ni vid knappen HTML inom editorn.
I HTML-taggen <table> lägger ni mot ett klass; class="table" liksom inom exemplet nedan.

#	Förnamn	Efternamn	Användarnamn
1	Nisse	Huldt	@mdo
2	Stina	Svensson	@fat
3	Bosse	Johansson	@twitter

<tableclass="table"> ...

</table>

Fullt responsiva tabeller

Om ni bara besitter en fåtal kolumner tillsammans lite innehåll, kommer exemplet ovan för att artikel responsivt. dock ifall ni äger flera kolumner samt många innehåll, behöver ni omge tabellen tillsammans ett <div>. detta fullfölja för att tabellen förmå scrollas inom sidled vid enheter tillsammans med lägre upplösning, mindre än 768 pixlars bredd.

#	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading
1	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
2	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
3	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell

<divclass="table-responsive"><tableclass="table"> ...

</table></div>

Markerade rader

Använd .table-striped på grund av för att utföra varannan rad markerad.

#	Förnamn	Efternamn	Användarnamn
1	Nisse	Huldt	@mdo
2	Stina	Svensson	@fat
3	Bosse	Johansson	@twitter

<tableclass="table table-striped"> ...

</table>

Avgränsad tabell

Använd .table-bordered till för att erhålla kantlinjer runtom vid varenda celler.

#	Förnamn	Efternamn	Användarnamn
1	Nisse	Huldt	@mdo
2	Stina	Svensson	@fat
3	Bosse	Johansson	@twitter

<tableclass="table table-bordered"> ...

</table>

Mouseover vid rader

Använd .table-hover på grund av för att byta färg vid ett rad nära mouseover.

#	Förnamn	Efternamn	Användarnamn
1	Nisse	Huldt	@mdo
2	Stina	Svensson	@fat
3	Bosse	Johansson	@twitter

<tableclass="table table-hover"> ...

De maximalt vanliga bläsarna idag existerar Internet Explorer, Edge, FireFox, Safari samt Chrome.

</table>

Komprimerad tabell

Använd .table-condensed på grund av för att utföra ett mer kompakt tabell tillsammans mindre marginaler

#	Förnamn	Efternamn	Användarnamn
1	Nisse	Huldt	@mdo
2	Stina	Svensson	@fat
3	Bosse	Johansson	@twitter

<tableclass="table table-condensed"> ...

</table>

Kontextuella klasser

Använd kontextuella klasser på grund av för att färglägga tabellrader alternativt enskilda celler.

Class	Färg	Beskrivning
.active	Grå	Applies the hover color to a particular row or cell
.success	Grön	Indicates a successful or positiv action
.info	Blå	Indicates a neutral informative change or action
.warning	Gul	Indicates a varning that might need attention
.danger	Röd	Indicates a dangerous or potentially negativ action

Exempel

#	Column heading	Column heading	Column heading
1	Column content	Column content	Column content
2	Column content	Column content	Column content
3	Column content	Column content	Column content
4	Column content	Column content	Column content
5	Column content	Column content	Column content
6	Column content	Column content	Column content
7	Column content	Column content	Column content
8	Column content	Column content	Column content
9	Column content	Column content	Column content

<trclass="active">...</tr><trclass="success">...</tr><trclass="warning">...</tr><trclass="danger">...</tr><trclass="info">...</tr><tr><tdclass="active">...</td><tdclass="success">...</td><tdclass="warning">...</td><tdclass="danger">...</td><tdclass="info">...</td></tr>

Behöver ni hjälp alternativt önskar ni beställa kundspecifika format samt klasser?

Kontakta oss därför hjälper oss dig.

Kontakta oss

Andra föremål eller textstycken likt är kapabel artikel mot hjälp

Denna skrivelse besitter visats 5132 gånger.