{"id":341,"date":"2013-04-22T10:47:50","date_gmt":"2013-04-22T08:47:50","guid":{"rendered":"http:\/\/wiki.sote.hu\/?p=341"},"modified":"2025-10-21T10:05:19","modified_gmt":"2025-10-21T08:05:19","slug":"excel-fajl-adatainak-megjelenitese-wp-table","status":"publish","type":"page","link":"https:\/\/semmelweis.hu\/wiki\/kiegeszito-eszkozok\/excel-fajl-adatainak-megjelenitese-wp-table\/","title":{"rendered":"Excel f\u00e1jl adatainak megjelen\u00edt\u00e9se (TablePress)"},"content":{"rendered":"

Az Excel egy bonyolult t\u00e1bl\u00e1zat, amelyet egy az egyben\u00a0nem tudunk <\/span>megjelen\u00edteni a honlapunkon, de az adatokat \u00e1t tudjuk emelni a <\/span>TablePress<\/strong> nev\u0171 b\u0151v\u00edtm\u00e9ny seg\u00edts\u00e9g\u00e9vel. A cell\u00e1k Excelben megtett form\u00e1z\u00e1sa nem marad meg, azt majd \u00fajonnan kell be\u00e1ll\u00edtanunk, de minden adatot \u00e1ttehet\u00fcnk egy honlapon is \u00e9l\u0151, mobilon is j\u00f3l olvashat\u00f3 t\u00e1bl\u00e1zatba. Import helyett mag\u00e1ban a b\u0151v\u00edtm\u00e9nyben is k\u00e9sz\u00edthet\u00fcnk \u00faj kereshet\u0151 \u00e9s sz\u0171rhet\u0151 t\u00e1bl\u00e1zatokat.<\/span><\/p>\n

\u00daj t\u00e1bl\u00e1zat illetve k\u00e9sz t\u00e1bl\u00e1k szerkeszt\u00e9se:<\/strong><\/h4>\n

\u00daj t\u00e1bl\u00e1zat eset\u00e9n a Vez\u00e9rl\u0151pult > TablePress<\/strong> f\u0151men\u00fcben az\u00a0Add New Table<\/strong> almen\u00fcpontra kell kattintani. Ezut\u00e1n a t\u00e1bl\u00e1zat nev\u00e9t \u00e9s le\u00edr\u00e1s\u00e1t kell megadni, illetve megadhatjuk, hogy h\u00e1ny sort \u00e9s oszlopot szeretn\u00e9nk a t\u00e1bl\u00e1zatunkba (az alapbe\u00e1ll\u00edt\u00e1s 5×5), ez persze k\u00e9s\u0151bb mind v\u00e1ltoztathat\u00f3. Az „add table” gombra kattintva az \u00fcres t\u00e1bl\u00e1zatba kell az adatokat bet\u00f6lteni (form\u00e1z\u00e1sr\u00f3l, tov\u00e1bbi sorok, oszlopok besz\u00far\u00e1s\u00e1r\u00f3l lejjebb tal\u00e1lhat\u00f3 le\u00edr\u00e1s). \u00a0<\/p>\n

A m\u00e1r kor\u00e1bban elk\u00e9sz\u00fclt t\u00e1bl\u00e1zatok szerkeszt\u00e9se szint\u00e9n a\u00a0honlapunkon a\u00a0Vez\u00e9rl\u0151pult > Eszk\u00f6z\u00f6k > Table Press\u00a0<\/strong>\u00a0men\u00fcpontra kattintva tehet\u0151 meg, v\u00e1lasszuk ki a t\u00e1bl\u00e1zat sz\u00e1m\u00e1t vagy nev\u00e9t, \u00e9s r\u00e1kattintva a lejjebb le\u00edrt szerkeszt\u0151 fel\u00fclet lesz l\u00e1that\u00f3. A honlapon, ha be vagyunk l\u00e9pve, akkor a weboldal megtekint\u00e9se k\u00f6zben a t\u00e1bl\u00e1zat alj\u00e1n is tal\u00e1lhat\u00f3 egy „Szerkeszt\u00e9s” link, erre kattintva szint\u00e9n a t\u00e1bl\u00e1zat saj\u00e1t szerkeszt\u0151fel\u00fclet\u00e9hez jutunk.<\/em><\/p>\n

Excel T\u00e1bla Adatainak Import\u00e1l\u00e1sa:<\/strong><\/h4>\n

1. Az Excel f\u00e1jlt alak\u00edtsuk \u00fagy, hogy egy cell\u00e1ban egy adat legyen, lehetnek \u00fcres cell\u00e1k, de ne legyenek egyes\u00edtett cell\u00e1k. A t\u00e1bl\u00e1zat elvesz\u00edt minden form\u00e1z\u00e1st, \u00edgy azzal nem kell foglalkoznunk. A f\u00e1jlt elmentj\u00fck \u00a0„ment\u00e9s m\u00e1sk\u00e9nt” seg\u00edts\u00e9g\u00e9vel \u00fagy, hogy a f\u00e1jln\u00e9v alatti lenyithat\u00f3 men\u00fcpontb\u00f3l (F\u00e1jl t\u00edpusa) kiv\u00e1lasztjuk a CSV<\/strong> (pontosvessz\u0151vel tagolt) form\u00e1tumot (UTF karakterk\u00f3dol\u00e1ssal)<\/strong>, majd az \u00e9rthet\u0151s\u00e9g kedv\u00e9\u00e9rt f\u00e1jln\u00e9vben is jelezz\u00fck, hogy „csv” \u00e9s mentj\u00fck a dokumentumot pl. az asztalra.<\/p>\n

2. A honlapunkon a Vez\u00e9rl\u0151pult > Eszk\u00f6z\u00f6k > TablePress <\/strong>men\u00fcpontra kattintunk \u00e9s ott az Import a Table<\/strong> opci\u00f3t kell kiv\u00e1lasztanunk. Jel\u00f6lni kell a leny\u00edl\u00f3 men\u00fcben, hogy a f\u00e1jl t\u00edpusa CSV. A sz\u00e1m\u00edt\u00f3g\u00e9p\u00fcnkr\u0151l ki kell v\u00e1lasztani a vonatkoz\u00f3 csv f\u00e1jlt \u00e9s kattintani az Import table<\/strong> gombra. A t\u00e1bl\u00e1zatnak \u00e9rdemes a k\u00e9s\u0151bbiekben is \u00e9rthet\u0151, egy\u00e9rtelm\u0171 nevet adni. Minden t\u00e1bl\u00e1zat kap egy egyedi azonos\u00edt\u00f3 sz\u00e1mot (id=).<\/p>\n

3. \u00a0A cell\u00e1k l\u00e1that\u00f3 szerkeszt\u0151ter\u00fclete n\u00f6velhet\u0151, ha az oszlop sz\u00e9less\u00e9g\u00e9t vagy a sor magass\u00e1g\u00e1t\u00a0 v\u00e1ltoztatjuk. Az elk\u00e9sz\u00fclt t\u00e1bl\u00e1zat adatai megjelennek nek\u00fcnk, amelyeket<\/span>\u00a0html k\u00f3dokkal tudunk szerkeszteni<\/a><\/span>, form\u00e1zni\u00a0\u00e9s html k\u00f3d seg\u00edts\u00e9g\u00e9vel tudunk a t\u00e1bl\u00e1zatba adott esetben k\u00e9pet is illeszteni a k\u00e9p URL-j\u00e9vel a M\u00e9diat\u00e1rb\u00f3l, vagy egy\u00e9b webhelyr\u0151l.<\/span>\u00a0<\/span><\/p>\n

A felt\u00f6lt\u00f6tt t\u00e1bl\u00e1zatnak adhatunk r\u00e9szletes le\u00edr\u00e1st (Description)<\/strong>. A k\u00e9s\u0151bbiekben a megform\u00e1zott, elk\u00e9sz\u00fclt t\u00e1bl\u00e1zatot egy k\u00f3d seg\u00edts\u00e9g\u00e9vel fogjuk az oldalunkba, vagy bejegyz\u00e9s\u00fcnkbe illeszteni, amely k\u00f3d a t\u00e1bl\u00e1zat ID sz\u00e1m\u00e1t fogja tartalmazni. Az al\u00e1bbi k\u00e9pen \u00edgy: [table id=3 \/]. A k\u00f3d el\u00e9 \u00e9s ut\u00e1na is \u00edrhatunk sz\u00f6veget, k\u00e9pet, linket, b\u00e1rmit.<\/p>\n

\n

Minden v\u00e1ltoztat\u00e1st menteni kell az Save changes<\/strong> gomb seg\u00edts\u00e9g\u00e9vel.<\/p>\n<\/div>\n

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

Szerkeszt\u00e9si \u00e9s form\u00e1z\u00e1si lehet\u0151s\u00e9gek:<\/strong><\/h4>\n

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

    \n
  1. A kijel\u00f6lt cell\u00e1ba:<\/strong> link beilleszt\u00e9se \/ k\u00e9p beilleszt\u00e9se \/ halad\u00f3 szerkeszt\u00e9s<\/li>\n
  2. A kijel\u00f6lt sor:<\/strong> duplik\u00e1l\u00e1sa \/ f\u00f6l\u00e9 egy \u00faj sor besz\u00far\u00e1sa \/ a sor t\u00f6rl\u00e9se<\/li>\n
  3. A kijel\u00f6lt sor:<\/strong> feljebb mozgat\u00e1sa \/ lejjebb mozgat\u00e1sa<\/li>\n
  4. A kijel\u00f6lt sor:<\/strong> elrejt\u00e9se \/ mutat\u00e1sa (az elrejt\u00e9s felold\u00e1sa)<\/li>\n
  5. Megadott sz\u00e1m\u00fa sor besz\u00far\u00e1sa <\/strong>a t\u00e1bl\u00e1zat alj\u00e1ra<\/li>\n
  6. A kijel\u00f6lt cell\u00e1k \u00f6sszevon\u00e1sa<\/strong><\/li>\n
  7. A kijel\u00f6lt oszlop:<\/strong> duplik\u00e1l\u00e1sa \/ el\u00e9 egy \u00faj oszlop besz\u00far\u00e1sa \/ t\u00f6rl\u00e9se<\/li>\n
  8. A kijel\u00f6lt oszlop:<\/strong> balra mozgat\u00e1sa \/ jobbra mozgat\u00e1sa<\/li>\n
  9. \u00a0A kijel\u00f6lt oszlop:<\/strong> elrejt\u00e9se \/ mutat\u00e1sa (az elrejt\u00e9s felold\u00e1sa)<\/li>\n
  10. Megadott sz\u00e1m\u00fa<\/strong> oszlop besz\u00far\u00e1sa <\/strong>a t\u00e1bl\u00e1zat jobb sz\u00e9l\u00e9re<\/li>\n<\/ol>\n
    Tov\u00e1bbi be\u00e1ll\u00edt\u00e1si opci\u00f3k:<\/h5>\n

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

      \n
    1. Table Head Row <\/strong>(a t\u00e1bl\u00e1zat fejl\u00e9ce):<\/strong> The first row of your table is the table header. = az els\u0151 sor a t\u00e1bl\u00e1zat c\u00edmsora \u2013 a sor k\u00e9k sz\u00edn\u0171 h\u00e1tteret kap, a cell\u00e1kban a bet\u0171 pedig feh\u00e9r sz\u00edn\u0171v\u00e9 v\u00e1lik<\/em><\/li>\n
    2. Table Foot Row<\/strong>\u00a0(a t\u00e1bl\u00e1zat l\u00e1bl\u00e9ce):<\/strong> The last row of your table is the table footer. = az utols\u00f3 sor automatikusan a t\u00e1bl\u00e1zat l\u00e1bl\u00e9ce lesz<\/em><\/li>\n
    3. Alternating row colors<\/strong>\u00a0(k\u00fcl\u00f6nb\u00f6z\u0151 sorsz\u00ednek):<\/strong> The background colors of consecutive rows shall alternate. = minden m\u00e1sodik sor halv\u00e1ny sz\u00fcrke lesz<\/em><\/li>\n
    4. Row Hover Highlighting<\/strong>\u00a0(sor kiemel\u00e9se):<\/strong> Highlight a row by changing its background color while the mouse cursor hovers above it = ha az eg\u00e9rrel valamely sorra mutatunk, a sor h\u00e1tt\u00e9rsz\u00edne megv\u00e1ltozik<\/em><\/li>\n
    5. Print Table Name<\/strong>\u00a0(a t\u00e1bl\u00e1zat neve):<\/strong> Show the table name (leny\u00edl\u00f3 opci\u00f3k) the table = a t\u00e1bl\u00e1zat neve a leny\u00edl\u00f3 men\u00fcb\u0151l kiv\u00e1lasztott helyen jelenjen meg a t\u00e1bl\u00e1zathoz k\u00e9pest: above = felett, below = alatt<\/em><\/li>\n
    6. Print Table Description<\/strong>\u00a0(a t\u00e1bl\u00e1zat le\u00edr\u00e1sa):<\/strong> Show the table description (leny\u00edl\u00f3 opci\u00f3k) the table. = a t\u00e1bl\u00e1zat le\u00edr\u00e1sa a leny\u00edl\u00f3 men\u00fcb\u0151l kiv\u00e1lasztott helyen jelenjen meg a t\u00e1bl\u00e1zathoz k\u00e9pest: above = felett, below = alatt<\/em><\/li>\n
    7. Extra CSS Class:<\/strong> (ez tov\u00e1bbi CSS k\u00f3dol\u00e1st tesz lehet\u0151v\u00e9, k\u00e9rj\u00fck, ne haszn\u00e1lj\u00e1k)<\/li>\n<\/ol>\n

      Sz\u0171r\u00e9si, sorbarendez\u00e9si, stb. be\u00e1ll\u00edt\u00e1sok az olvas\u00f3i fel\u00fcletre:<\/strong><\/h4>\n
      \u00c9rdemes pr\u00f3b\u00e1lgatni, ellen\u0151rizni, hogy melyik be\u00e1ll\u00edt\u00e1s t\u0171nik a leglogikusabbnak \u00e9s legink\u00e1bb felhaszn\u00e1l\u00f3bar\u00e1tnak.<\/h6>\n

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

        \n
      1. Enable Visitor Features:<\/strong> Offer the following functions for sure visitors with this table = A l\u00e1togat\u00f3k sz\u00e1m\u00e1ra el\u00e9rhet\u0151 funkci\u00f3k ki- \u00e9s bekapcsol\u00e1sa<\/em><\/li>\n
      2. Sorting<\/strong>\u00a0(sorba rendez\u00e9s)<\/em>: <\/strong>Yes, enable sorting of table data by the visitor.\u00a0= <\/em><\/strong>az olvas\u00f3 maga rendezheti sorba a t\u00e1bl\u00e1zatot \u2013 kicsi nyilakkal a fejl\u00e9cben – ehhez j\u00f3, ha az els\u0151 sor fejl\u00e9c inf\u00f3kat tartalmaz \u00e9s fejl\u00e9cnek is jel\u00f6lj\u00fck<\/em><\/li>\n
      3. Filtering\/Search<\/strong>\u00a0(sz\u0171r\u00e9s, keres\u00e9s)<\/em>: Yes, enable the visitor to filter or search the table. Only rows with the search word in them are shown.\u00a0= a l\u00e1togat\u00f3 sz\u0171rhet, kereshet szavakra, csak a be\u00edrt sz\u00f3t tartalmaz\u00f3 sorok lesznek majd olvashat\u00f3ak<\/em><\/li>\n
      4. Pagination <\/strong>(oldalsz\u00e1moz\u00e1s)<\/em>:<\/strong> \u00a0<\/em><\/strong>Yes, enable pagination (showing only a certain number of rows) of the table by the visitor. Show rows of the table \u2026\u2026\u2026..per page.\u00a0= ha ezt bepip\u00e1ljuk, akkor a nagyon hossz\u00fa t\u00e1bl\u00e1zat, oldalakba rendez\u0151dik, amelyek k\u00f6z\u00f6tt az olvas\u00f3 lapozhat. A v\u00e1ltoztathat\u00f3 sz\u00e1mmal az egy oldalon megjelen\u00edtend\u0151 sorok sz\u00e1m\u00e1t adhatjuk meg<\/em><\/li>\n
      5. Pagination Length Change <\/strong>(a lapoz\u00e1si hossz v\u00e1ltoztat\u00e1sa)<\/em>: <\/em><\/strong>Yes, allow the visitor to change the number of rows shown when using pagination.\u00a0= ha ezt bepip\u00e1ljuk, akkor az olvas\u00f3 maga \u00e1ll\u00edthatja be, hogy lapoz\u00e1si be\u00e1ll\u00edt\u00e1sn\u00e1l\u00a0 h\u00e1ny sort akar l\u00e1tni az oldalon, a t\u00f6bbi sor oldalakba rendezve, lapoz\u00e1ssal lesz el\u00e9rhet\u0151 – csak akkor haszn\u00e1lhat\u00f3, ha a lapoz\u00e1s is be van pip\u00e1lva<\/em><\/li>\n
      6. Info <\/strong>(inform\u00e1ci\u00f3s sor)<\/em>:\u00a0<\/em><\/strong>Enable the table information display, with \u00a0information about the currently visible data, like the number of rows. = ha ezt bepip\u00e1ljuk, akkor a t\u00e1bl\u00e1zatr\u00f3l sz\u00f3l\u00f3 inform\u00e1ci\u00f3k is l\u00e1that\u00f3v\u00e1 v\u00e1lnak<\/em><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        Az Excel egy bonyolult t\u00e1bl\u00e1zat, amelyet egy az egyben\u00a0nem tudunk megjelen\u00edteni a honlapunkon, de az adatokat \u00e1t tudjuk emelni a TablePress nev\u0171 b\u0151v\u00edtm\u00e9ny seg\u00edts\u00e9g\u00e9vel. A cell\u00e1k Excelben megtett form\u00e1z\u00e1sa nem marad meg, azt majd \u00fajonnan kell be\u00e1ll\u00edtanunk, de minden adatot \u00e1ttehet\u00fcnk egy honlapon is \u00e9l\u0151, mobilon is j\u00f3l olvashat\u00f3 t\u00e1bl\u00e1zatba. Import helyett mag\u00e1ban a b\u0151v\u00edtm\u00e9nyben …<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":951,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[106],"tags":[],"class_list":["post-341","page","type-page","status-publish","hentry","category-egyeb"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"1970-01-01 01:00:00","action":"","terms":[],"taxonomy":"","browser_timezone_offset":0},"_links":{"self":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":11,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/341\/revisions"}],"predecessor-version":[{"id":3335,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/341\/revisions\/3335"}],"up":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/951"}],"wp:attachment":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/media?parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/categories?post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/tags?post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}