{"id":227275,"date":"2022-09-25T16:58:00","date_gmt":"2022-09-25T13:58:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227275"},"modified":"2022-11-08T12:58:56","modified_gmt":"2022-11-08T09:58:56","slug":"hur-man-skapar-en-undersoekningstabell-med-wpdatatables-och-forminator","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-skapar-en-undersoekningstabell-med-wpdatatables-och-forminator\/","title":{"rendered":"Hur man skapar en unders\u00f6kningstabell med wpDataTables och Forminator"},"content":{"rendered":"\n

Att anv\u00e4nda anv\u00e4ndarformul\u00e4r och unders\u00f6kningar \u00e4r en daglig aktivitet f\u00f6r vissa av oss. Grejen med dessa unders\u00f6kningar \u00e4r att de \u00e4r lite livl\u00f6sa och du kan inte riktigt anv\u00e4nda dem p\u00e5 ett visuellt s\u00e4tt.<\/p>\n

Eller kan du?<\/p>\n

Faktiskt, ja, ja det kan du.<\/p>\n

Om det inte var tillr\u00e4ckligt tydligt fr\u00e5n introt och kanske fr\u00e5n titeln, kommer vi att visa dig inte bara att det \u00e4r m\u00f6jligt att skapa en unders\u00f6kningstabell, utan ocks\u00e5 hur man g\u00f6r det.<\/p>\n

F\u00f6rst till kvarn<\/strong><\/h2>\n

L\u00e5t oss b\u00f6rja fr\u00e5n b\u00f6rjan.<\/p>\n

F\u00f6rst, f\u00f6r att du ska kunna skapa en unders\u00f6kningstabell beh\u00f6ver du en datak\u00e4lla som inneh\u00e5ller formul\u00e4rdata. I v\u00e5rt exempel kommer vi att anv\u00e4nda Forminator WordPress-plugin<\/a> f\u00f6r att skapa ett enk\u00e4tformul\u00e4r. Det \u00e4r v\u00e4ldigt l\u00e4tt att anv\u00e4nda s\u00e5 vi hoppar \u00f6ver den h\u00e4r delen.<\/p>\n

L\u00e5t oss komma till delen om att g\u00f6ra formul\u00e4rdata visuellt tilltalande. F\u00f6r just den uppgiften kommer vi att anv\u00e4nda det kostnadsfria integrationstill\u00e4gget Forminator<\/a> som wpDataTables har.<\/p>\n

Fick du det fr\u00e5n wordpress.org?<\/p>\n

Bra. L\u00e5t oss g\u00e5 vidare.<\/p>\n

Uppenbarligen beh\u00f6ver du ocks\u00e5 wpDataTables, antingen i sin gratis<\/a> eller premiumversion<\/a>. Jag rekommenderar att du anv\u00e4nder premiumversionen. Det stora antalet funktioner som du har i den fullst\u00e4ndiga versionen \u00e4r n\u00e5got du absolut beh\u00f6ver om du arbetar med data.<\/p>\n

Och du beh\u00f6ver ocks\u00e5 gratis-<\/a> eller proffsversionen<\/a> som Forminator har.<\/p>\n

L\u00e5t oss b\u00f6rja skapa<\/strong><\/h2>\n

Det f\u00f6rsta steget i processen inneb\u00e4r att skapa ett enk\u00e4tformul\u00e4r med Forminator-plugin. I det h\u00e4r exemplet skapar vi en "kundn\u00f6jdhetsunders\u00f6kning", n\u00e5got som du med st\u00f6rsta sannolikhet har gjort sj\u00e4lv tidigare.<\/p>\n

\"Hur<\/a><\/p>\n

Denna process \u00e4r extremt enkel tack vare Forminators guide. Mer information om detta finns i deras<\/a> dokument<\/a>.<\/p>\n

\"Hur<\/a><\/p>\n

Gjorde du det ocks\u00e5? Bra! L\u00e5t oss nu publicera ditt formul\u00e4r p\u00e5 din sida eller ditt inl\u00e4gg s\u00e5 att du kan samla in data fr\u00e5n dina anv\u00e4ndare. Du kommer att beh\u00f6va det.<\/p>\n

L\u00e5t oss s\u00e4ga att du faktiskt gjorde det nu n\u00e4r du l\u00e4ste dessa rader och att du redan har f\u00e5tt n\u00e5gra anv\u00e4ndbara bidrag.<\/p>\n

G\u00e5 sedan till wpDataTables<\/strong> -> Skapa en tabell<\/strong> och v\u00e4lj alternativet "Skapa en tabell l\u00e4nkad till en befintlig datak\u00e4lla"<\/strong> och klicka p\u00e5 "N\u00e4sta"<\/strong>.<\/p>\n

\"Hur<\/a><\/p>\n

V\u00e4lj sedan " Forminator Form"<\/strong> som indatak\u00e4lla. N\u00e4r du har valt "Forminator Form"<\/strong> som tabelltyp, kommer en ny markeringsruta "Choose a Forminator Form"<\/strong> att visas. Med denna markeringsruta kan du v\u00e4lja ett unders\u00f6kningsformul\u00e4r<\/strong> som redan \u00e4r skapat med Forminator-plugin.<\/p>\n

\"Hur<\/a><\/p>\n

Efter detta steg kommer du att se en markeringsruta "V\u00e4lj f\u00e4lt att visa som kolumner"<\/strong> som l\u00e5ter dig v\u00e4lja de f\u00e4lt fr\u00e5n unders\u00f6kningsformul\u00e4ret<\/strong> som du ska anv\u00e4nda som kolumner. Vi v\u00e4ljer alla formul\u00e4rf\u00e4lt och fr\u00e5n vanliga f\u00e4lt endast Anm\u00e4lningsdatum (du kan v\u00e4lja alla om du beh\u00f6ver det).<\/p>\n

\"Hur<\/a><\/p>\n

Efter att ha klickat p\u00e5 knappen "Spara \u00e4ndringar"<\/strong> skapas en tabell.<\/p>\n

\"Hur<\/a><\/p>\n

Tadaa!<\/p>\n

Nu har du en unders\u00f6kningstabell p\u00e5 din WordPress-webbplats. Och det var inte ens sv\u00e5rt att skapa en.<\/p>\n

Eftersom fr\u00e5gorna i de flesta unders\u00f6kningsformul\u00e4ren kan vara v\u00e4ldigt l\u00e5nga, kanske du vill justera kolumnbredden genom att \u00e4ndra inmatningen "Visa rubriker"<\/strong> p\u00e5 fliken Visa i kolumninst\u00e4llningarna<\/strong>.<\/p>\n

Alternativt kan du justera hela tabellen genom att st\u00e4lla in "Begr\u00e4nsa tabellbredd" och "Word wrap-alternativ"<\/a>. Om du gillar mer kan du st\u00e4lla in rullningsbar<\/a> eller responsiv funktion p\u00e5 station\u00e4ra datorer<\/a>.<\/p>\n

\"Hur<\/a><\/p>\n

F\u00f6r huvudfr\u00e5gorna (kolumnerna) kan du st\u00e4lla in olika filtertyper (Avancerad filtrering<\/a>) och i v\u00e5rt fall st\u00e4ller vi in \u200b\u200bdet som en Select-box-filtertyp och aktiverar alternativet "Filter i formul\u00e4r"<\/strong> p\u00e5 fliken Sortering och filtrering i tabellinst\u00e4llningar f\u00f6r att visa filtren ovanf\u00f6r tabellen.<\/p>\n

\"Hur<\/a><\/p>\n

Om du beh\u00f6ver ytterligare anpassning av tabeller finns det m\u00e5nga alternativ p\u00e5<\/p>\n