Dynamisk tabel
Prissætningstabeller, funktionsdiagrammer, teammapper – data er rygraden i gode beslutninger. Men en standard HTML-tabel skriger “regneark,” ikke “løsning.” Master Addons Dynamic Table Element forvandler struktureret information til en designet oplevelse. Byg enhver tabel fra bunden direkte i Elementor editor. Definer dine overskrifter, fyld kroppen med tekst, billeder, ikoner eller endda dynamisk indhold fra dine indlæg. Anvend derefter professionel styling på alle niveauer: overskriften, hver række, individuelle celler. Skab klarhed, fremhæv det, der betyder noget, og gør dine data til noget, folk rent faktisk ønsker at læse.
Visual Drag & Drop Table Builder
Glem komplekse kortkoder. Byg hele din tabels struktur i en intuitiv visuel grænseflade. Start med at definere dine Tabelhovedkolonner (som “Funktion,” “Pris,” “Plan”). Derefter, tilføje og administrere rækker i Tabellen Body ligesom et regneark. Brug for en anden række? Klik på Tilføj element. Vil du flette celler? Brug kolonne Spændvidde og række Spænd kontrolelementer til komplekse layouts. Du ser din tabel danner i realtid, som du bygger det, hvilket gør processen hurtig, præcis, og helt visuel.
- Intuitiv headeropsætning: Tilføj og mærk header-kolonner direkte i editoren for at definere din tabels struktur.
- Live Row Management: Tilføj, slet og genbestil kropsrækker i farten med knappen Tilføj element.
- Cellefletningsstyrke: Opret overskriftsgrupper, eller markér nøgleceller ved hjælp af indstillingerne Kolonnespændvidde og Rækkespændvidde.
Separat Header & Body Styling Control
En fantastisk tabel styrer øjet. Gør din overskriftsrække skiller sig ud som den klare vejledning til dataene nedenfor. Style Tabeloverskriften helt uafhængigt. Giv den en fed Baggrundsfarve, særskilt Tekstfarve og stærk Typografi. Juster den Indre Cellepolstring for at gøre den rummelig og let at læse. Dette skaber øjeblikkelig visuelt hierarki, der hjælper brugerne med at scanne og forstå dine data på få sekunder. Kropsrækkerne får deres eget, separate sæt stylingkontroller for perfekt kontrast.
- Uafhængig overskriftsstyling: Anvend kun unik baggrundsfarve, tekstfarve og typografi på overskriftsrækken.
- Cellepolstringskontrol: Indstil tilpasset indvendig cellepolstring til overskriftsceller for at forbedre læsbarheden og designet.
- Kropsspecifik styling: Style tabelkropsrækkerne med deres egen baggrund, tekstfarve og justering.
Celleindhold: Tekst, ikoner, billede og dynamiske data
Hver celle kan fortælle en rigere historie. Ud over simpel tekst skal du indsætte Billeder eller vælge Ikoner fra biblioteket for at oprette visuelle funktionskontrolmærker (✓) eller statusindikatorer. Mest kraftfuldt skal du forbinde din tabel til live webstedsindhold ved hjælp af Dynamiske tags. Træk automatisk data ind som Posttitler, Brugerdefinerede felter, ACF-værdier eller brugeroplysninger. Opret en produktsammenligningstabel, en personalemappe eller en begivenhedsplan, der opdateres automatisk – virkelig dynamisk.
- Multiformatindhold: Vælg tekst, billede eller ikon for en hvilken som helst kropscelle.
- Ikontilpasning: Stilikoner med deres egen størrelse, farve og polstring i cellen.
- Dynamisk tags-integration: Udfyld celler automatisk ved hjælp af dynamiske datakilder (f.eks. postmeta, forfatternavn, brugerdefinerede felter).
- Fleksibel justering: Kontroller vandret og lodret justering af indhold i hver celle for et poleret layout.
Global Table Styling & Professional Effects
Bind hele tabellen sammen med globale designindstillinger. Aktiver Striped Table-rækker for et klassisk, let scanne udseende, og vælg den vekslende rækkefarve. Styr den overordnede Border Type, Bredde og Farve for hele tabelgitteret. Indstil universel Inner Cell Padding for ensartet afstand. Tilføj en Baggrundstype (farve, gradient) til hele bordbeholderen. Disse globale berøringer sikrer, at dit bord ligner et sammenhængende, specialbygget element, ikke en samling af individuelle celler.
- Zebra Striping: Tænd for Striped Table, og vælg en farve til skiftende rækker for dramatisk at forbedre læsbarheden.
- Border Styling: Definer Border Type, tykkelse og farve for hele tabellens gitterlinjer.
- Containerdesign: Tilføj en baggrund og styr den samlede tabels polstring og margen.
- Konsekvent afstand: Anvend global indvendig cellepolstring for at sikre ensartet, behagelig afstand i alle celler.
Ofte stillede spørgsmål til dynamisk tabel
Kan jeg forbinde denne tabel til mine brugerdefinerede indlægstyper eller Avancerede brugerdefinerede felter (ACF)?
Ja, du kan! Gennem funktionen Dynamiske mærker, der er tilgængelig i vælgeren til kropscelleindhold. Når du redigerer en celle, skal du klikke på databaseikonet for at åbne panelet dynamiske mærker. Du kan derefter vælge fra kilder som “Indlæg titel,” “Brugerdefinerede felter,” “ACF-felt,”og mere for at udfylde tabellen med live data fra dine indlæg, produkter eller enhver brugerdefineret posttype.
Er bordet responsivt på mobile enheder?
Absolut. Tabellen er designet til at være responsiv. På meget små skærme vil du måske aktivere en vandret rullebeholder i Elementor eller forenkle antallet af kolonner. Stylingen (polstring, skriftstørrelser) vil tilpasse sig, og du kan justere indstillinger specifikt til mobilvisning ved hjælp af Elementors responsive redigeringstilstand.
Kan jeg oprette en prissætningstabel med en "fremhævet" kolonne ved hjælp af dette element?
Helt sikkert. Du ville oprette en kolonne for hvert prissætningstrin. For at fremhæve én kolonne (som “Populær”-planen) kan du bruge funktionen Kolonnespænd i en overskriftscelle til et badge og derefter anvende en anden Baggrundsfarve på alle cellerne i den specifikke kolonne ved at tilføje en brugerdefineret CSS-klasse eller bruge individuelle cellestylingindstillinger, hvis de er tilgængelige i avancerede indstillinger.
Hvad sker der, hvis jeg tilføjer en meget lang tekst i en celle?
Du styrer adfærden. Du kan indstille en Brugerdefineret bredde for kolonnen til at styre udvidelse. Teksten vil ombrydes inden for cellen baseret på dine Typografi og Udfyldning indstillinger. For langt indhold, sikre, at du har tilstrækkelig rækkehøjde (kontrolleret af lodret polstring) for at bevare læsbarheden.
Hvordan er dette sammenlignet med blot at bruge en HTML-widget eller et tabelplugin?
Dette element giver dig visuel designkontrol inden for Elementor. I modsætning til en grundlæggende HTML-widget behøver du ikke at skrive nogen kode for at style kanter, farver eller justering. Sammenlignet med mange tabelplugins integreres det problemfrit med Elementors workflow og stylingsystem, hvilket tilbyder en mere samlet og effektiv designoplevelse uden at oppustet dit websted med et andet selvstændigt plugin.
Kan jeg sortere eller filtrere tabeldataene dynamisk?
Dette element er primært til statiske eller dynamisk befolkede display tabeller. Det omfatter ikke indbygget front-end sortering, filtrering, eller søgefunktioner som en datatabel plugin ville. For de avancerede interaktive funktioner, du ville have brug for en dedikeret løsning. Dette element er perfekt til at præsentere faste oplysninger som prissætning, specs, eller tidsplaner i et smukt designet format.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
