Која је употреба групе табела-колона и групе редова табеле у ЦСС-у

Koja Je Upotreba Grupe Tabela Kolona I Grupe Redova Tabele U Css U



Груписање у табелама омогућава кориснику да споји две или више ћелија заједно како би приказао једну вредност или део текста који одговара више претходних уноса. Груписање ћелија представља јасан изглед табеле и чини читаву презентацију сажетом и приступачном за читаоца. Технички термин за груписање ћелија у табели у ЦСС-у је „спан“. То је такво да ако један одређени ред или колона обухвата вредност већу од „1“, сматра се да је група табела.

Шта је група табела-колона?

Група табела-колона, као што име каже, је група ћелија из више колона. Све вредности у одређеној колони су међусобно повезане. Табела-колона садржи елемент који обухвата више колона. Користимо „ <цолгроуп> ” да бисте груписали колоне заједно у табели у ЦСС-у. Затим се дефинише вредност распона да би се забележило колико ће колона имати група.

Пример
У табели о биолошким подацима запослених у компанији где су забележени „Име“, „Старост“ и „Висина“, свака плава колона одговара одређеном запосленом, што је приказано у следећем примеру:







< сто >
< цолгроуп >
< цол стил = 'боја позадине: розе' >
< цол спан = '3' стил = 'боја позадине: светлоплава' >
< / цолгроуп >
< тр >
< тд > Име < / тд >
< тд > Мицхаел < / тд >
< тд > Џејмс < / тд >
< тд > Давиде < / тд >
< / тр >
< тр >
< тд > Старост < / тд >
< тд > 37 < / тд >
< тд > 43 < / тд >
< тд > 29 < / тд >
< / тр >
< тр >
< тд > Висина < / тд >
< тд > 173 цм < / тд >
< тд > 184 цм < / тд >
< тд > 188 цм < / тд >
< / тр >
< / сто >

Следите доле наведене кораке у складу са горњим кодом:



  • Почните креирањем табеле и додајте <цолгроуп> таг.
  • Користити спан услужну класу и одредите број колона које треба груписати заједно.
  • Сада затворите збирну групу користећи таг.
  • Такође, унесите наведене податке у редове табеле користећи <тр> и <тд> ознаке.
  • Затворите сто преко таг.

Излаз



„Распон“ ћелија у табели у ХТМЛ-у представља колико колона једна ћелија може да покрије. Нуди исту употребу као и функција „спајања“ ћелија у Мицрософт Екцел-у.





Шта је група редова табеле?

Група табела-редова је повезивање више редова да би се направила једна група. Појединачни елемент обухвата више редова. То се ради преко „ <ровгроуп> ” ознака.

Пример
Следећа табела која приказује продају запослених у једном месецу може се приказати груписањем реда који садржи назив месеца са именима више запослених. Тада се њихова продаја може приказати у складу са њиховим именима. Исто смо илустровали у коду испод:



< сто класа = 'мокри-боев-зебра' >
< цолгроуп >
< цол >
< цол >
< / цолгроуп >




< тбоди >
< тр >
< тх цолспан = '9' >МЕСЕЧНА ПРОДАЈА ( $ ) < / тх >
< / тр >
< тр >
< тх распон редова = '4' >Мај 2023 < / тх >
< тх >Јамес< / тх >
< тд > 1434 < / тд >
< / тр >
< тр >
< тх >Мајкл< / тх >
< тд > 1700 < / тд >
< / тр >
< тр >
< тх >Јован< / тх >
< тд > 1299 < / тд >
< / тр >
< / тбоди >
< тбоди >
< тр >
< тх распон редова = '4' >јун 2023 < / тх >
< тх >Јамес< / тх >
< тд > 1256 < / тд >
< / тр >
< тр >
< тх >Мајкл< / тх >
< тд > 1975. године < / тд >
< / тр >
< тр >
< тх >Јован< / тх >
< тд > 1883 < / тд >
< / тр >
< / тбоди >
< / сто >

У горе наведеном коду:

  • Дефинишите табелу и додајте <цолгроуп> таг.
  • Дефинишите груписање колона користећи цолспан класа корисности.
  • Слично, дефинишите груписање редова преко распон редова класа корисности.
  • Сада унесите податке за продају свих појединаца за сваки од два месеца.
  • На крају затворите табелу користећи таг.

Излаз

Закључак

Појединачне ћелије у табели могу се груписати ако једна вредност одговара вишеструким другим уносима. Такође смо приметили да се табела може груписати у смислу колона или редова. Оба имају своје функције и могу се користити где год је потребно.