Hur vet man vilken webbläsare man har

Hur vet jag vilken bläsare jag har? De mest vanliga bläsarna idag är Internet Explorer, Edge, FireFox, Safari och Chrome

Så på denna plats fullfölja ni snyggare tabeller

Ibland blir detta tydligast för att nyttja tabeller på grund av ditt innehåll. tillsammans lite lätt samt primär HTML, kunna ni justera dina tabeller, således 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 besitter ett responsiv design tillsammans med Bootstrap.

Dialogen

Grundexempel

Börja tillsammans med 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 enstaka klass; class="table" såsom 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 med lite innehåll, kommer exemplet ovan för att existera responsivt.

dock angående ni besitter flera kolumner samt många innehåll, behöver ni omge tabellen tillsammans med ett <div>. detta fullfölja för att tabellen är kapabel scrollas inom sidled vid enheter tillsammans lägre upplösning, mindre än 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 samtliga 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 till för att byta färg vid enstaka 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"> </table>

Komprimerad tabell

Använd .table-condensed till 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 liksom är kapabel existera mot hjälp

Denna nyhet äger visats gånger.