{"id":227959,"date":"2022-10-07T18:56:00","date_gmt":"2022-10-07T15:56:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227959"},"modified":"2022-11-08T23:57:55","modified_gmt":"2022-11-08T20:57:55","slug":"kuidas-html-is-ja-wordpressis-lahtreid-liita","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/kuidas-html-is-ja-wordpressis-lahtreid-liita\/","title":{"rendered":"Kuidas HTML-is ja WordPressis lahtreid liita"},"content":{"rendered":"\n

Andmetabel, kus on palju lahtreid k\u00f5rvuti, v\u00f5ib tunduda t\u00e4is. M\u00f5ned inimesed ei pahanda seda t\u00fc\u00fcpi andmete esitamise vastu, samas kui teised teavad pigem, kuidas HTML-is lahtreid liita.<\/p>\n

Tabeli lahtrite liitmisel saab \u00fches suures lahtris esitada palju andmeid. Selle protsessi tulemuseks on sageli suure lahtri kuvamine horisontaalselt, vertikaalselt v\u00f5i m\u00f5lemal mitmel real v\u00f5i veerus.<\/p>\n

Kui tabeli lahtrid h\u00f5lmavad mitut rida, nimetatakse seda "ridaulatuvaks". Kui tabeli lahtrid h\u00f5lmavad mitut veergu, nimetatakse seda veeru ulatuvaks v\u00f5i veeru ulatuvaks.<\/p>\n

See on m\u00f5eldud peamiselt esitluse v\u00f5i aruandluse eesm\u00e4rgil, et muuta tabel visuaalselt atraktiivseks. Selles artiklis k\u00e4sitletakse HTML-i ja WordPressi t\u00f6\u00f6keskkonna lahtrite liitmist.<\/p>\n

Tabeli lahtrite liitmine HTML-is<\/h2>\n

Atribuut colspan v\u00f5ib liita mitu tabeli lahtrit veerus an<\/p>\n

HTML-m\u00e4rgend (tabeliandmed). Mitme rea lahtri \u00fchendamisel saab kasutada atribuuti rowspan. M\u00f5lemad atribuudid sisalduvad<\/p>\n

tag.<\/p>\n

J\u00e4rgmised n\u00e4ited n\u00e4itavad, kuidas neid atribuute HTML-is kasutada ja kuidas need brauseris kuvatakse.<\/p>\n

Kuidas kasutada atribuuti Rowspan<\/h3>\n

See atribuut m\u00e4\u00e4rab, mitu rida peaks \u00fchendatud lahter vertikaalselt ulatuma. See v\u00f5ib luua suure vertikaalse<\/strong> lahtri kahest v\u00f5i enamast lahtrist, mis asuvad samas veerus, ja kuvada selle seej\u00e4rel mitmes reas.<\/p>\n

N\u00e4iteks kood<\/p>\n

\u00fchendab kaks lahtrit, et luua \u00fcks suur vertikaalselt paigutatud lahter.<\/p>\n

HTML-tabeli koodi n\u00e4ide, mis kasutab atribuuti Reavahemik<\/p>\n

J\u00e4rgmine kood p\u00e4rineb kolme veeru ja kolme reaga tabelist. Esimeses saab kasutada atribuuti rowspan="2\u2033<\/p>\n

sildi, et luua esimese veeru kahest esimesest lahtrist \u00fcks lahter.<\/p>\n

Atribuudi rowspan arv m\u00e4\u00e4rab atribuudi jaoks kasutatavate lahtrite arvu<\/p>\n

tag.<\/p>\n

J\u00e4rgmine on HTML-tabeli koodi n\u00e4ide, mille lahter ulatub \u00fcle kahe rea. Selle koodi toimimise paremaks m\u00f5istmiseks looge brauseris visuaalne renderdus.<\/p>\n

<table>\n<\/code><\/pre>\n
\"Kuidas<\/a><\/p>\n
Selle koodi brauseris renderdamisel luuakse suure lahtriga tabel, mis ulatub kahe rea k\u00f5rgusele. Kui muudate ridade pikkuse v\u00e4\u00e4rtuseks 3, hakkab esimene lahter katma k\u00f5igi kolme rea k\u00f5rgust.<\/p>\n
\"Kuidas<\/a><\/p>\n
Kui laiendada a<\/p>\n
rida kindlasti kustutada<\/p>\n
sildid teistest tabeliridadest (<\/p>\n
). Kui esimene lahter h\u00f5lmab k\u00f5iki kolme rida, on neid ainult kaks<\/p>\n
sildid kahes teises<\/p>\n
sildid.<\/p>\n
Colspani atribuudi kasutamine<\/h3>\n
See atribuut m\u00e4\u00e4rab, mitu veergu \u00fchendatud lahter horisontaalselt<\/strong> ulatub. See loob suure horisontaalse lahtri kahest v\u00f5i enamast lahtrist, mis asuvad samas reas, ja paigutab selle seej\u00e4rel mitmesse veergu.<\/p>\n
P\u00f5him\u00f5tteliselt m\u00e4\u00e4rab atribuut colspan suurel real kuvatavate veergude arvu. N\u00e4iteks HTML-kood<\/p>\n
\u00fchendab kaks lahtrit ja loob \u00fche suure horisontaalse lahtri.<\/p>\n
Kaks HTML-tabeli koodi n\u00e4idet, mis kasutavad Colspani atribuuti<\/p>\n
J\u00e4rgmine kood on HTML-tabel, millel on suur lahter, mis ulatub \u00fcle kahe veeru. Selle koodi toimimise paremaks m\u00f5istmiseks looge brauseris visuaalne renderdus.<\/p>\n
<table>\n<\/code><\/pre>\n
Selle koodi brauseris renderdamisel luuakse suure lahtriga tabel, mis katab kahe veeru laiuse. Kui muudate atribuudi colspan v\u00e4\u00e4rtuseks 3, hakkab esimene lahter katma k\u00f5igi kolme veeru laiust.<\/p>\n
\"Kuidas<\/a><\/p>\n
Kui k\u00f5ik 3 veergu on \u00fcletatud, peaks olema ainult \u00fcks<\/p>\n
tabeli real (<\/p>\n
). Seega eemaldage kindlasti k\u00f5ik allesj\u00e4\u00e4nud<\/p>\n
sildid laiendamisel a<\/p>\n
veerg.<\/p>\n
\"Kuidas<\/a><\/p>\n
Siin on veel \u00fcks n\u00e4ide HTML-tabelist, mille lahter ulatub \u00fcle kahe veeru. Koodi paremaks m\u00f5istmiseks looge oma brauseris arvuti m\u00e4rkmiku kaudu visuaalne renderdus.<\/p>\n
<table><\/code><\/pre>\n
Kuidas kasutada "0" (null) atribuutides Reavahemik ja Colspan<\/h3>\n
\"Kuidas<\/a><\/p>\n
Kui seda kasutatakse t\u00e4nap\u00e4evases brauseris veerus ja ridades, t\u00e4histab \u201e0″ k\u00f5ige rohkem veerge v\u00f5i ridu. N\u00e4iteks saab tabeli ridade kokkulugemise asemel kasutada rida rowspan=”0\u2033, et laiendada rida tabeli l\u00f5puni.<\/p>\n
Millistes tabelites on k\u00f5ige parem kasutada nulli? Number null sobib eriti h\u00e4sti d\u00fcnaamiliste tabelite jaoks. See sobib ideaalselt ka suurte tabelite jaoks, kus veergude ja ridade arv sageli muutub.<\/p>\n
Tabelilahtrite liitmine WordPressis, kasutades pistikprogrammi wpDataTables<\/h2>\n
\"Kuidas<\/a><\/p>\n
Saate kasutada HTML-i tabelite loomiseks tekstikasti kaudu v\u00f5i installida pistikprogramme, mis pakuvad visuaalsel tekstiv\u00e4ljal tabelivalikuid. Need valikud t\u00f6\u00f6tavad lihtsate tabelite puhul h\u00f5lpsalt, kuid suuremate tabelitega t\u00f6\u00f6tades muutuvad need keeruliseks.<\/p>\n
WordPressi pistikprogramm wpDataTables<\/a> sobib suurep\u00e4raselt lahtrite liitmiseks suuremates tabelites. See sobib suurep\u00e4raselt ka seda t\u00fc\u00fcpi tabelite loomiseks, kohandamiseks ja redigeerimiseks.<\/p>\n
Lahtrite \u00fchendamine on wpDataTablesi abil lihtne. Seda saab teha lahtrihaldusre\u017eiimi abil, laadides alla pistikprogrammi ja aktiveerides selle. Isegi ilma WordPressi pistikprogrammide kasutamiseta on wpDataTablesi installimine k\u00f5igile lihtne.<\/p>\n
Plugina wpDataTables kasutamine<\/h3>\n
\"Kuidas<\/a><\/p>\n
Tabeli loomisel valige loendist esimene valik, seej\u00e4rel kl\u00f5psake nuppu "J\u00e4rgmine". Looge oma andmetabelile nimi ja valige soovitud ridade ja veergude arv. Uue t\u00fchja tabeli kuvamiseks kl\u00f5psake "Genereeri tabel".<\/p>\n
\"Kuidas<\/a><\/p>\n
Kuup\u00e4eva veergude ja interaktiivsete kuup\u00e4evavalijate jaoks saate valida \u00fche 17 kuup\u00e4evavormingust.<\/p>\n
\"Kuidas<\/a><\/p>\n
WpDataTablesi pistikprogrammil on ka integreeritud nahad, et kohandada tabeli esiosa visuaale. Need nahad h\u00f5lmavad j\u00e4rgmist:<\/p>\n