Gratis Elementor Table Widget
Elementor har ingen egen tabel-widget, i den gratis eller pro-versionen. Dynamic Table er en gratis master-addons-widget, der udfylder dette hul: Du tilføjer header-celler og kropsceller i Elementor-panelet, og den bygger en rigtig HTML-tabel, du kan style uden kode. Celler kan indeholde tekst, et ikon eller et billede, flette på tværs af kolonner eller rækker og trække værdier fra dynamiske tags. Det bruges ofte til tidsplaner, spec-ark, prislister og mapper. Tænk på det som en simpel datatabel for rækker, du indtaster i hånden. Det sorterer, søger eller importerer ikke filer.
Byg rækker og kolonner i panelet
Bordet kommer fra to repeatere. Tabeloverskriftscelle rummer ét element pr. kolonne, og Tabel Body Cell holder hver celle i læserækkefølge, med en Ny række? switch, der starter den næste række. Du kan trække elementer for at omarrangere dem, duplikere en celle eller skjule overskriftsrækken med Bordhoved skifte.
- Flettede celler: Kolonnespænd på overskrifts- og kropsceller og rækkespænd på kropsceller.
- Søjlebredde: slå Brugerdefineret bredde til i en celles fane Indstillinger for at indstille dens bredde.
- Tekstindstillinger pr. celle: justering (venstre, midt, højre eller retfærdig) og dekoration (understreget, overstreget eller streg igennem).
Header og Body Styling
Tabel Header Style indstiller overskriftens baggrund (mørk navy som standard), tekstfarve, ikonstørrelse og farve, justering, typografi og indvendig celleudfyldning. Bord Krop har de samme kontroller for datacellerne, plus udfyldning omkring ikoner.
- Overskrift: baggrunds-, tekst- og ikonfarver, ikonstørrelse, justering, typografi og celleudfyldning.
- Krop: baggrunds-, tekst- og ikonfarver, ikonstørrelse og udfyldning, justering, typografi og celleudfyldning.
- Justering pr. enhed: header og kropsjustering kan ændre sig på tablet og mobil.
Tekst, ikoner, billeder og dynamiske tags i celler
Hver header og kropscelle har en skrift mulighed: Ingen, Ikon eller Billede. Ikoner kommer fra Elementor ikonbiblioteket, og billeder får en Billedstørrelse i pixels. Tekstfelterne accepterer dynamiske tags, herunder dem fra den gratis Dynamiske tags udvidelse, så en celle kan vise en posttitel, et brugerdefineret felt eller forfatterdetaljer. Hvert tag fylder én celle. Widgetten går ikke gennem indlæg for at bygge rækker til dig.
- Ikoner som flueben: brug et kryds- eller krydsikon i plan- eller funktionssammenligninger.
- Små billeder: tilføj et foto eller logo ved siden af et navn, størrelse i pixels.
- Dynamiske tags: træk i enkelte værdier som indlægstitlen eller et brugerdefineret felt.
Global stil: Striber, grænser og hjørner
Global stil gælder hele bordet. Stribet bord? er slået til som standard med en lysegrå (#eee) stribefarve, du kan ændre. Du indstiller også en tabel Baggrundsfarve, Indvendig cellepolstring, en kant med type, bredde og farve og Kanteradius for afrundede hjørner.
- Zebra rækker: fortsæt med at strippe på til lange borde, så rækker er nemme at følge.
- Grænser: massive, stiplede, stiplede eller dobbelte linjer rundt om cellerne.
- Afrundede hjørner: Border Radius blødgør kanten af bordet.
Responsiv tabel på mobil
Responsivt bord? Sidder i indstillingssektionen og er tændt som standard. På enheder op til 768px bred er overskriftsrækken skjult, hver række bliver et kort, og hver celle viser sit kolonnenavn som en etiket. En tidsplan med fem kolonner bliver til en liste over kort, du ruller ned, så ingen skal scrolle sidelæns.
- Stablede kort: Et kort pr. række, med kolonnenavnet til venstre og værdien til højre.
- Justering pr. enhed: Header og Body Alignment har deres egne tablet- og mobilværdier.
- Sluk den: Bordet holder sit gitter på telefoner. Brede borde løber derefter forbi kanten af skærmen, så hold dem til tre eller fire kolonner.
HTML-tabelkode vs den dynamiske tabelwidget
Uden en tabel widget, den sædvanlige måde at tilføje en tabel i Elementor er at skrive HTML selv i en HTML widget. Her er hvordan det sammenligner med widget.
| særpræ | HTML-widget med din egen kode | Master Addons Dynamisk tabel |
|---|---|---|
| værdi | Fri (Elementorkerne) | frimodig |
| Bygning af rækker og søjler | Skriv tabel, tr og td tags | Gentag elementer i panelet |
| styling | Din egen CSS | Style-fane-kontrolelementer |
| Sammenlagte celler | colspan og rowspan attributter | Felter for kolonnespænd og rækkespænd |
| Ikoner og billeder i celler | Indsæt opmærkningen | Ikonbibliotek eller mediebibliotek |
| Dynamiske tags | ingen | Ja, én værdi pr. celle |
| Telefonlayout | Dine egne medieforespørgsler | Rækker stables i kort |
| Sortering, søgning, CSV-import | Har brug for et script eller plugin | ingen |
Hvis du har brug for sortering, søgning, paginering eller CSV-import, er et dedikeret tabelplugin som TablePress det bedre valg. For en stylet tabel, du redigerer inde i Elementor, sparer widgeten dig for at skrive HTML og CSS.
Relateret: Prissætning Tabel (gratis), Sammenligningstabel (Pro) og Dynamiske tags (fri).
Hvad denne Elementor Data Table-widget kan og ikke kan
Dynamisk tabel er en datatabel for rækker, du indtaster i. Her er hvad den gør, og hvor den stopper.
| særpræ | Dynamisk tabel |
|---|---|
| rækker og kolonner indtastet i panelet | Ja |
| Sammenlagte celler (søjlespænd og rækkespænd) | Ja |
| Ikoner og billeder i celler | Ja |
| Dynamiske tags | Ja, én værdi pr. celle |
| Stribede rækker | Ja |
| Brugerdefineret kolonnebredde | Ja |
| mobil stabling | Ja, ved 768px og derunder |
| sortering | ingen |
| ransage | ingen |
| Sideinddeling | ingen |
| CSV eller Excel import | ingen |
Hvilket bordværktøj har du brug for?
Tabel betyder flere forskellige ting i Elementor-søgninger. Vælg værktøjet efter det, du bygger.
| Hvad du bygger | Bedste værktøj |
|---|---|
| En simpel tabel såsom en tidsplan, spec-ark, prisliste eller tidsplan | Dynamisk tabel |
| Store data, der skal sorteres, søgning, paginering eller en CSV-import | TablePress, placeret med Elementor Shortcode-widgetten |
| planer og priser side om side | Prissætning Tabel |
| en funktionssammenligning på tværs af planer eller produkter | Sammenligningstabel (Pro) |
| Åbningstider | åbningstider |
Relateret: Avanceret harmonika for lange svar, der ikke ville passe i en celle, og Dynamiske tags Til at udfylde celler fra postdata.
Elementor tabeleksempler
De tre tabeller nedenfor er live dynamiske tabel-widgets, ikke skærmbilleder. Åbn denne side på en telefon for at se hver enkelt stak i kort. Flere layouts, herunder en restaurantmenu og en plansammenligning, er i demofremviseren under dem.
klasse tidsplan
En ugentlig tidsplan med fem kolonner. På en telefon bliver hver klasse sit eget kort.
| tid | ordne | Instruktør | studie | mellemrum |
|---|---|---|---|---|
| Man 07:00 | vinyasa flow | Alina Petrova | studie 1 | 4 tilbage |
| man 18:30 | Styrke & konditionering | Dan Osei | Gym gulv | fuld |
| Tir 09:30 | Pilates reformator | Marta Silva | studie 2 | 2 tilbage |
| Ons 12:15 | Express HIIT | Dan Osei | Gym gulv | 9 tilbage |
| Tor 19:00 | Yin & gendan | Alina Petrova | studie 1 | 11 tilbage |
| Lør 10:00 | Begyndere barre | Yara Haddad | studie 2 | 6 tilbage |
Systemkrav
Tre kolonner, der sammenligner minimums- og anbefalede værdier, den sædvanlige form af et spec-ark.
| Komponent | minimum | Anbefales |
|---|---|---|
| WordPress | 6.0 | 6.6 eller nyere |
| PHP | 7.4 | 8.2 |
| elementor | 3.16 | 4.2 eller nyere |
| MySQL / MariaDB | 5,7 / 10,3 | 8,0 / 10,6 |
| PHP-hukommelsesgrænse | 128 MB | 256 MB |
| max_input_vars | 1000 | 3000 |
| https | Valgfri | Påkrævet for licenskontrol |
Forsendelsespriser
En prisliste efter destination og service, med striping slukket og en let header.
| bestemmelsessted | service | Leveringstid | Fri over | Omkostning |
|---|---|---|---|---|
| UK fastland | Royal Mail sporet 48 | 2 – 3 arbejdsdage | 40 £ | £3,95 |
| UK fastland | DPD næste dag | Næste arbejdsdag | 120 kr | £6,95 |
| Højland og øer | Royal Mail sporet 48 | 3 – 5 arbejdsdage | 60 kr | £7,50 |
| Republikken Irland | DPD Irland | 2 – 4 arbejdsdage | 150 kr | £11,00 |
| eu | DHL Europa | 3 – 6 arbejdsdage | — | £14,50 |
| Resten af verden | DHL Express | 5 – 10 arbejdsdage | — | £24,00 |
Hvordan man laver et bord i Elementor
I Elementor-panelet kaldes widgetten Dynamic Table.
- Installer Master Addons til Elementor og kontroller det Dynamisk tabel er slået til i widgetindstillingerne Master Addons.
- Rediger din side med Elementor, søg efter Dynamisk tabel og træk det ind. Det starter med en prøve fire-kolonne tabel.
- på Bordhoved, tilføje en Tabeloverskriftscelle pr. kolonne og skriv hver Kolonnenavn.
- på Bord Krop, tilføje et element pr. celle fra venstre mod højre. Tænd Ny række? på den første celle i hver række efter den første.
- Brug Kolonne Spændvidde eller Rækkespænd i en celles fane Indstillinger for at flette celler.
- Style tabellen i fanen Style og lad Responsivt bord? på så rækker stak på telefoner, og opdater derefter siden.
Ofte stillede spørgsmål til dynamisk tabel
Er der en bordwidget i Elementor?
Ikke i selve Elementor, gratis eller Pro. Master Addons tilføjer en gratis: Dynamic Table-widgetten bygger tabellen fra overskrifts- og kropsceller i panelet.
Er bordet responsivt på mobile enheder?
Ja, med Responsive Table? slået til, hvilket er standard. På enheder op til 768px bred hver række stables i et kort, og hver celle viser sit kolonnenavn som en etiket. Sluk for det for at holde det normale tabellayout på telefoner.
Kan jeg bruge dynamiske data i cellerne?
Ja, én værdi pr. celle. Sidehoved og brødtekst accepterer dynamiske tags, herunder de gratis Master Addons Dynamic Tags såsom posttitel, brugerdefineret felt og forfatterinfo. Widgetten opretter ikke en række for hvert indlæg, så hver række er stadig bygget i hånden.
Har Elementor Pro en tabel-widget?
ingen . Elementor Pro tilføjer en pristabel-widget til planer, men hverken Core-plugin'et eller Pro har en widget til rækker og kolonner med data. Du skal bruge en tilføjelseswidget såsom Dynamic Table, et Table-plugin eller din egen HTML.
Kan jeg lave en tabel i Elementor uden et plugin?
ja. Indsæt tabel-HTML i HTML-widgetten, og style den med din egen CSS, eller læg rækkerne ud med en gitterbeholder. Begge fungerer for små tabeller, selvom hver ændring betyder redigering af kode eller mange separate widgets.
Hvad sker der, hvis jeg tilføjer meget lang tekst i en celle?
Teksten ombrydes inde i cellen. Slå Brugerdefineret bredde til i cellens fane Indstillinger for at fastsætte kolonnebredden, og hæv Indvendig celleudfyldning, hvis rækkerne føles trange.
Kan jeg fremhæve en kolonne, som en populær plan?
Ikke med en enkelt indstilling. Farver gælder for hele overskriften eller hele kroppen. For plantabeller, den Prissætning Tabel widget (gratis) har en Highlight-indstilling, og den Sammenligningstabel widget (Pro) er bygget til plansammenligninger.
Kan jeg sortere, søge eller importere en CSV i tabellen?
Nej. Widgetten har ingen sortering, søgning, paginering eller CSV-import. For dem skal du bruge et datatabel plugin som TablePress og placere sin shortcode på siden.
Kan jeg bruge tablepress inde i Elementor?
ja. Byg tabellen i tablePress, kopier dens kortkode, for eksempel [ Tabel id=1 /], og indsæt det i Elementor Shortcode-widgetten. Den rute passer til lange borde, der skal sorteres, søges eller pagineres.
Kan jeg indsætte en tabel fra Excel eller Google Sheets?
ingen . Hver celle er et separat element i panelet, så en indsat blok lander i én celle. Indtast cellerne én ad gangen, eller importer filen til TablePress, som læser CSV- og Excel-filer.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/sideduplikator
