✅ WEB ja WordPressi uudised, teemad, pistikprogrammid. Siin jagame näpunäiteid ja parimaid veebisaidi lahendusi.

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

6

Olete kindlasti Internetis ilmatabelit näinud, kuid kas olete kunagi proovinud seda koostada?

Kindlasti näib see kohutav kogemus kõigi andmete ja tingimusvorminguga, mida peaksite tabeli lahtritesse lisama.

Kas teate, kuidas öeldakse, et pole olemas halba ilma, on ainult sobimatu riietus?

Sama kehtib ka ilmatabeli ehitamise kohta. Kui te ei saa seda luua, tähendab see, et teil pole selle töö jaoks õigeid tööriistu.

Selles artiklis käsitlen ilmatabeli loomist wpDataTablesiga, mis on WordPressi pistikprogramm #1 tabelite ja diagrammide loomiseks.

Millise ilmatabeli saame luua? Noh, midagi sellist:

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Jah, see on tõesti pikk ekraanipilt. Dünaamilist ilmatabelit saad vaadata siit.

Varem esitatud ilmatabeli loomiseks on teil sõltuvalt lähteandmetest vähe võimalusi.

1 Tabeli loomine nullist

Kui teil pole andmeallikat, saate luua ilmatabeli nullist valikuga "Tabelite käsitsi loomine", kuhu sisestate andmed käsitsi.

Andmetabeli käsitsi loomise alustamiseks avage oma WordPressi administraatoripaneel, minge wpDataTables -> Loo tabel, valige kolmas valik "Loo tabel käsitsi" ja klõpsake nuppu "Järgmine".

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Teile näidatakse viisardi sammu, mis aitab teil luua tabelistruktuuri, kus saate luua 14 veergu: Periood, Aasta ja kõik muud on kuude nimed (jaan, veebruar…). Perioodi veergude jaoks jätate veeru tüübiks "Üherealine string" ja kõigi teiste jaoks määrate veeru tüübi "Täisarv" .

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Kui olete tabeli seadistamise lõpetanud, klõpsake nuppu "Loo tabel". Avaneb rippmenüü valikutega „Ava standardredaktoris" või „Ava Exceli-laadses redaktoris” ja ongi kõik. Tabeli struktuur luuakse. Nüüd sisestate oma andmed tavalise redaktori või Exceli-laadse redaktori kaudu .

2 Tabeli loomine andmeallikast

Kui teil on andmeid mõnes andmeallikas (nt Excel, CSV, JSON, Google’i arvutustabel, XML, PHP Serialized array) või andmebaasi tabelis (SQL-i allikas), kasutate tabeliviisardi teist valikut.

Olemasoleva andmeallikaga lingitud andmetabeli loomise alustamiseks avage oma WordPressi administraatoripaneel, minge wpDataTables -> Loo tabel, valige teine ​​valik "Loo olemasoleva andmeallikaga lingitud andmetabel". ja klõpsake nuppu "Järgmine".

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Sõltuvalt teie allikast järgite juhiseid:

Selle tabeli jaoks kasutame andmeallikana CSV-d, mille saate alla laadida siit. Valite "Sisendandmeallika tüübiks" CSV ja seejärel leiate selle nupu Sirvi kaudu

allikas, mille olete varem oma serverisse alla laadinud ja üles laadinud. Klõpsake nuppu Salvesta muudatused, nii et wpDataTables loeb teie üleslaaditud CSV-faili ja tabel luuakse.

Pärast tabeli loomist saate mis tahes kahest valikust oma WordPressi tabelit vastavalt vajadusele kohandada ja konfigureerida .

Meie puhul lülitame esmalt sisse valiku „Kuva filtrid tabeli kohal oleval vormil ” tabeli seadete vahekaardil „ Sortimine ja filtreerimine ” ning seejärel konfigureerime iga veeru jaoks täpsemad filtrid . Veeru Periood jaoks määrame kõigi teiste veergude jaoks „Vali kasti filter” ja „Numbrifilter”.

Seejärel lülitame tabeli seadete vahekaardil „Kuva” sisse valiku „Reageerimine” ja peidame igas veeru seadetes kõik tahvelarvutite ja mobiilseadmete veerud „Kuu” või kiiremini tabeli kohal asuvas nupus Veergude loend .

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Tabeliandmete värvi kohandamiseks kasutame tingimusvormingut. Esimese veeru jaoks seadsime tingimuse, et kui lahter sisaldab 2, siis "Määra lahtri CSS klass " väärtuseks "sini-valge tekst".

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Seejärel loome need klassid tabeliseadete vahekaardi Kohanda väljale Kohandatud CSS :

.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.blue{ background-color: #0083c2 !important;} .wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.white-text{ color: #FFFFFF !important;}

Nagu nii:

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Kus .wpDataTable-1 number 1 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma

Kõigi muude veergude jaoks seame samad tingimused erinevate värvide määramiseks, lähtudes tabeli Max Temperature väärtusest.

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Teise tabeli “Madal temperatuur” puhul kasutame sama lähenemisviisi, mis tabeli “Temperature Maximus” puhul, välja arvatud tingimusvormingu tingimused. Kuna see on temperatuuri madalam väärtus, kasutame neid tingimusi.

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Seejärel loome need klassid tabeliseadete vahekaardi Kohanda väljale Kohandatud CSS :

.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.white-text{ color: #FFFFFF !important;} .wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.black-text{ color: #000000 !important;}

Kus .wpDataTable2-s number 2 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma.

See on kõik!

Nüüd peate oma lehtedel esiotsa ilmuma. Nagu kõigi teiste pistikprogrammide puhul, kasutame kasutajate lehtedel või postitustes tabelite kuvamiseks lühikoode. Lühikoodide lisamine on väga lihtne, eriti kui kasutate populaarseid lehtede koostajaid, nagu Elementor, WP Bakery või Gutenberg.

Rohkem tabelistiile saate luua rakendusega wpDataTables

Kas olete huvitatud enamast kui lihtsalt ilmatabelite loomisest?

Peate vaatama mõnda muud tabelit esitlemise jaotisest.

Statistikatabelid diagrammidega

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

WpDataTablesi kasutatakse statistiliste andmete graafilise esituse genereerimiseks diagrammidena.

Krüptovaluutade reitingutabel

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Selles näites järjestatakse krüptovaluutad tabelis, kasutades wpDataTables. Saate seda tüüpi krüptotabeli oma saidile lisada mõne näpunäite abil.

Sülearvutite veebikataloog

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Seda tabelit saab kasutada toodete võrdlemiseks. Näiteks kui teil on veebisait, kus esitlete ja reklaamite tooteid, võib tabelis kuvada kõige populaarsemate toodete omadused.

Finantsaruanded

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Pistikprogrammi kasutatakse tabeli loomiseks, mis näitab finantsandmeid riigiti. Ilmselgelt saab seda kohandada erinevat tüüpi finantsandmete esitamiseks.

Raamatute kataloog

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

See tabelistiil sobib hästi sidusettevõtte saidi või veebipõhise raamatupoe jaoks.

Investeerimisfondid

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

wpDataTables saab luua investeerimisfondide loendi, mis on sorteeritud jõudluse järgi.

Juhtide kataloog

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

wpDataTables kasutatakse draiveri konfiguratsiooni kuvamiseks.

Liituge kogukonnaga wpDataTables

Kui töötate tabelitega, on siin mõned põhjused, miks wpDataTablesi litsents teie vajadustele sobib.

  • See muudab tabelite ja diagrammidega töötamise lihtsaks.
  • wpDataTables on ülemaailmselt enimmüüdud WordPressi tabelipistikprogramm, millel on sageli välja antud värskendused ja suurepärane klienditugi.
  • Juba enam kui 40 000 rahulolevat ettevõtet ja eraisikut kasutab wpDataTablesi.
  • Seda kasutatakse finants-, teadus-, statistika-, äri- ja muudes andmehaldusrakendustes.

Selle abil saate luua reageerivaid WordPressi tabeleid ja diagramme

Pistikprogrammi wpDataTables abil loodud tabelid on olemuslikud ja täielikult reageerivad. Platvormide või seadmetüüpide osas pole piiranguid.

Saate luua suuri tabeleid

Suured lauad pole probleemiks. wpDataTables käsitleb miljonite ridadega tabeleid kiiresti ja usaldusväärselt. MySQL-server töötleb kõiki toiminguid.

Täpsemad filtrid ja otsinguvalikud

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

Andmestiku jaoks saab välja töötada individuaalsed filtrid. See on väga kasulik WordPressi tabeli andmete kitsendamiseks.

Redigeeritavus

wpDataTablesil on võimalus muuta see redigeeritavaks. WordPressi tabelite sisu saab seega redigeerida tekstisiseselt või genereeritud kujul.

Lahtri esiletõstmine

Meie WordPressi tabelite pistikprogrammil on Exceli tingimusvorminguga sarnane funktsioon. Sõltuvalt nende sisust saate esile tõsta veerge, ridu või üksikuid lahtreid.

Palju diagrammivalikuid

Kuidas luua ilmatabelit wpDataTablesiga (parim kasutatav pistikprogramm)

WordPressi tabelites olevaid andmeid saab kasutada WordPressi diagrammide loomiseks. Nende graafikute koostamiseks kasutatakse kolme võimsat mootorit, mida uuendatakse reaalajas.

Mõned arvustused, mida oleme aastate jooksul saanud

wpDataTables lahendab iga päev edukalt erinevaid ülesandeid enam kui 40 000 kliendi jaoks. See hõlmab andmebaasidega suhtlemist, äriaruandeid, katalooge, teaduslikke armatuurlaudu ja palju muud.

wpDataTables on olnud meie jaoks suurepärane lahendus! Pistikprogrammi võimalused avaldasid meile juba karbist võttes väga muljet. TMS-pluginad tegid meiega koostööd, et kohandada seda just meie vajadustele vastavaks. Kohandused võimaldasid meil luua klientidele intuitiivse liidese andmete sisestamiseks ja redigeerimiseks. Klienditugi ja reageerimisvõime on ületamatud. wpDataTables on lihtsalt suurepärane toode.

-Sara Woodmansee, USA. Fotograaf ja geokaardistamine ettevõttes Geo1 / Aerial Filmworks

Veebiarendaja ja kliendi vaatenurgast on wpDataTables üks parimaid pistikprogramme, millega kokku puutusin. Mitte ainult hind on hea, vaid ka funktsionaalsus on täiuslik. Äärmiselt lihtne kasutada ja väga hästi disainitud. Sellel on palju funktsioone, mis sobivad kõigile, alates algajatest kuni edasijõudnuteni. Pistikprogrammi täiendavad videod on paljude näidetega põhjalikult selgitatud. Ma ei suuda piisavalt rõhutada, kui palju see minu veebiarendust lihtsamaks ja lahedamaks muutis.

– Nordine Benhamari, Suurbritannia. Veebiarendaja, Thaneti vabatahtlike büroo andmebaaside kujundaja

Kui teile meeldis lugeda seda ilmatabelite loomise artiklit, peaksite seda WordPressi tabeligeneraatori pistikprogrammide kohta vaatama.

Kirjutasime ka mõnest seotud teemast, nagu DataTablesi alternatiiv, JavaScripti tabeliteek, WordPressi tabelipluginad, kuidas WordPressis tabelit ilma pistikprogrammita luua, kuidas WordPressi tabelit lisada ja WordPressi hinnatabeli pistikprogrammid.

See veebisait kasutab teie kasutuskogemuse parandamiseks küpsiseid. Eeldame, et olete sellega rahul, kuid saate soovi korral loobuda. Nõustu Loe rohkem