Meie pistikprogrammil on m\u00f5ned funktsioonid, mida saate kasutada olenevalt teie andmeallikast.<\/p>\n
Kui teil on vaja tabel nullist luua, soovitame tabeli luua k\u00e4sitsi<\/a>. See on wpDataTablesi \u00fcks levinumaid kasutusviise: tabelite loomine ja nende t\u00e4itmine WordPressi administraatoripaneelilt v\u00f5etud andmetega, ilma juurdep\u00e4\u00e4suta v\u00f5i olemasolevale andmeallikale (Excel, CSV, Google Spreadsheet, JSON, XML, MySQL DB jne).<\/p>\n Kui aga soovite luua tabeli teatud andmeallikast, v\u00f5ivad need juhendid aidata teil wpDataTablesiga alustada.<\/p>\n Liigume n\u00fc\u00fcd edasi ja \u00fctleme, et teil on statistikatabelis palju veerge, mida soovite oma veebisaidil esitada. Ilmselgelt tundub see pisut rahvarohke. \u00dcks lahendus, mida saate kasutada, on m\u00f5ned veerud peita, et see lehel hea v\u00e4lja n\u00e4eks.<\/p>\n Selleks saate kasutada p\u00f5hidetailide tabeleid<\/a>, lisandmoodulit, mis v\u00f5imaldab kuvada peidetud veerge \u00fche kl\u00f5psuga, et see parandaks teie lehe kasutuskogemust.<\/p>\n N\u00e4ites, mida teile n\u00e4idatakse, loome statistilise tabeli andmetest, mis meil on MySQL-i andmebaasi tabelis. Me kontrollime oma tabelit eelnevalt phpMyAdminis ja see n\u00e4eb v\u00e4lja j\u00e4rgmine:<\/p>\n N\u00fc\u00fcd kasutame wpDataTables tabeliviisardi teist valikut (olemasoleva andmeallikaga lingitud andmetabeli loomine) ja valime andmeallikaks SQL-p\u00e4ringu.<\/p>\n SQL-redaktorisse sisestame p\u00e4ringu, et kuvada k\u00f5ik selle tabeli veerud:<\/p>\n Seej\u00e4rel kl\u00f5psame nuppu "Salvesta muudatused" ja tabel luuakse.<\/p>\n \u00dcksikasjalikud juhised selle protsessi kohta leiate meie MySQL-p\u00f5histe wpDatatabelite loomise<\/a> dokumentidest .<\/p>\n Vahem\u00e4rkusena v\u00f5ib \u00f6elda, et kui teil pole phpMyAdmini v\u00f5i muu sarnase kaudu juurdep\u00e4\u00e4su oma andmebaasile v\u00f5i te pole lihtsalt p\u00e4ringute loomisega tuttav, v\u00f5ite kasutada wpDataTablesi sisseehitatud WPDB p\u00e4ringukonstruktorit.<\/p>\n Sellel on graafiline kasutajaliides, mis v\u00f5imaldab teil valida vajalikud tabelid ja veerud ning genereerib p\u00e4ringu ja eelvaate. Saate p\u00e4ringut vastavalt vajadusele muuta ja muudetud p\u00e4ringu p\u00f5hjal luua wpDataTable.<\/p>\n \u00dcksikasjalikud juhised selle kohta leiate meie dokumentidest: MySQL-p\u00e4ringup\u00f5hise tabeli loomine andmebaasi p\u00e4ringu esitamise teel<\/a>.<\/p>\n Olgu, j\u00e4tkame statistiliste tabelite loomise juhistega.<\/p>\n N\u00fc\u00fcd peame tabelit veidi kohandama, n\u00e4iteks peitma veeru<\/a> wdt_ID, l\u00fclitama sisse reageerimissuvandi<\/a> ja m\u00e4\u00e4rama k\u00f5ik veerud peidetuks mobiilseadmetes ja tahvelarvutites, v\u00e4lja arvatud veerg \u00dcksus ja kasum.<\/p>\n Veergude Tulu, Kulu ja Kasum jaoks saate kasutada lahtri v\u00e4rvi kohandamist tingimusvorminguga<\/a>.<\/p>\n Tulu veeru jaoks m\u00e4\u00e4rame kaks tingimust.<\/p>\n 1) kui lahtri v\u00e4\u00e4rtused on suuremad kui null, siis m\u00e4\u00e4rake lahtri v\u00e4rviks #0083c2<\/p>\n 2) kui lahtri v\u00e4\u00e4rtused on suuremad kui null, siis m\u00e4\u00e4rake lahtri CSS-klassiks valge tekst.<\/p>\n Seej\u00e4rel loome need klassid tabeliseadete vahekaardi \u201eKohandatud" v\u00e4ljale \u201eKohandatud CSS” j\u00e4rgmiselt:<\/p>\n Kus .wpDataTable-1 number 1 on teie tabeli ID, nii et peate selle oma tabeli jaoks muutma.<\/p>\n Teeme sama veeru Kulu puhul, v\u00e4lja arvatud juhul, kui m\u00e4\u00e4rame tingimuse v\u00e4\u00e4rtuse v\u00e4rviks punase (#D9534F)<\/p>\n Ja ka veeru Kasum jaoks, v\u00e4lja arvatud asjaolu, et m\u00e4\u00e4rame tingimuse v\u00e4\u00e4rtuse v\u00e4rviks rohelise (#5CB85C)<\/p>\n K\u00f5igis kolmes veerus (tulu, kulu ja kasum) on meie lahtri eesliide valuutaks $ ja iga veeru veergude seadete vahekaardil Kuva on suvand \u201eCell content prefix”.<\/p>\n Kui soovite selle kohta rohkem teada saada, vaadake meie dokumente valuuta, protsentide ja muude veergude<\/a> kohta .<\/p>\n Ja see ongi k\u00f5ik!<\/p>\n Jah, see on nii lihtne.<\/p>\n Tabel on teie postituses v\u00f5i lehtedel avaldamiseks valmis. N\u00fc\u00fcd peate seda tegema, et see kuvataks teie lehtedel esiotsas. Nagu k\u00f5igi muude pistikprogrammide puhul, kasutame kasutajate lehtedel v\u00f5i postitustel tabelite kuvamiseks l\u00fchikoode.<\/p>\n L\u00fchikoodide lisamine<\/a> on lihtne, eriti kui kasutate populaarseid lehtede koostajaid, nagu Elementor, WP Bakery v\u00f5i Gutenberg.<\/p>\n Muide, kui vajate oma statistiliste tabelite jaoks rohkem funktsioone, v\u00f5ite vaadata j\u00e4rgmisi juhendeid, mis aitavad.<\/p>\n Saate wpDataTables abil oma statistikatabeleid h\u00f5lpsalt kohandada.<\/p>\n Olgu, n\u00fc\u00fcd peame n\u00e4itama olemasolevaid andmeid diagrammidena.<\/p>\n Loome sektordiagrammi. Selle jaoks kasutame Highchartsi<\/a> teeki. S\u00f5ltuvalt teie eelistustest on ka kaks muud valikut: Google Charts<\/a> ja Chartjs<\/a>.<\/p>\n P\u00e4rast lihtsa diagrammi seadistamist<\/a> saate oma statistilistest andmetest kaunid diagrammid.<\/p>\n N\u00e4ete, et kui teete seda, kuvab wpDataTables v\u00f5imalike diagrammit\u00fc\u00fcpide loendi, mis s\u00f5ltub teie kasutatavast diagrammimootorist.<\/p>\n Kui j\u00f5uame sammuni \u201eAndmeallikas”, peame m\u00e4\u00e4ratlema statistilise tabeli, mille oleme selle diagrammi andmeallikana kasutanud.<\/p>\n N\u00fc\u00fcd, kui oleme etapil \u201eAndmevahemik”, peame esitama diagrammi andmevahemiku.<\/p>\n Selleks pukseerime lihtsalt vajalikud veerud v\u00f5i kasutame lihtsalt noolenuppe. Valisime veerud Artiklid ja Tulu. Selles etapis m\u00e4\u00e4rame ka suvandi J\u00e4lgi tabeli filtreerimist<\/a>, et p\u00e4rast tabeli sortimist ja filtreerimist oleks d\u00fcnaamilised diagrammid.<\/p>\n Tuleb meeles pidada, et rakenduses wpDataCharts saate kasutada ainult \u00fchte stringi t\u00fc\u00fcpi veergu (string, kuup\u00e4ev, e-post), samas kui k\u00f5ik \u00fclej\u00e4\u00e4nud peavad olema t\u00e4isarvud v\u00f5i ujukite veerud.<\/p>\n J\u00e4rgmine samm, mille peame tegema, on "Vormindamine ja eelvaade". Tehtud muudatused on koheselt n\u00e4htavad diagrammil, mis kuvatakse ekraani paremas servas.<\/p>\n Vormindamise etapp on jagatud kategooriateks, mis esindavad erinevaid diagrammi elemente.<\/p>\n Siin saame graafikuid vastavalt vajadusele kohandada. Saame m\u00e4\u00e4rata tundliku laiuse, r\u00fchmitamise, erinevad paigutuse kohandamisvalikud, t\u00f6\u00f6riistavihjed, eksportimine ja palju muud. Kui oleme l\u00f5petanud, kl\u00f5psake nuppu "Salvesta diagramm".<\/p>\n Viimane samm on "Salvesta ja hanki l\u00fchikood", kus teie diagramm on valmis. K\u00f5ik, mida pead tegema, on kopeerida see l\u00fchikood ja sisestada see samale lehele v\u00f5i postitusele, kuhu sisestasite statistilise tabeli.<\/p>\n Loome Highcharti teegiga uuesti teise diagrammi. Seekord valime virnastatud ala diagrammi t\u00fc\u00fcbi.<\/p>\n Etapil \u201eAndmeallikas” m\u00e4\u00e4ratleme statistikatabeli samamoodi nagu sektordiagrammi puhul.<\/p>\n Sammus \u201eAndmevahemik” valime veerud \u00dcksused, Tulu, Kulud ja Kasum.<\/p>\n Samuti on sisse l\u00fclitatud valik \u201eJ\u00e4lgi tabeli filtreerimist”.<\/p>\n Etapil \u201eVormindamine ja eelvaade” m\u00e4\u00e4rame sellised valikud nagu tundlik laius, r\u00fchmitusdiagramm, seeriav\u00e4rvid, kuid saate selle oma vajaduste j\u00e4rgi erinevalt m\u00e4\u00e4rata.<\/p>\n\n
![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ee4b505f.png\")
<\/a><\/p>\nSELECT * FROM statistics_table<\/code><\/pre>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ee63b493.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ee8a7204.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89eebe26c5.png\")
<\/a><\/p>\n.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.white-text{ color: #FFFFFF !important;}<\/code><\/pre>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89eed74f6c.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89eefd0112.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ef18e88f.png\")
<\/a><\/p>\n\n
![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ef36ae8f.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ef51f1ea.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ef6455b8.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89ef87fe1f.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89efa64d74.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89efcc29c4.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89eff8c779.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89f00ad5b0.png\")
<\/a><\/p>\n
![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89f02ca95c.png\")
<\/a><\/p>\n![\"Kuidas](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-190587-61e89f0581e29.png\")
<\/a><\/p>\n