CSSలో టేబుల్-కాలమ్ గ్రూప్ మరియు టేబుల్-రో గ్రూప్ యొక్క ఉపయోగం ఏమిటి

Csslo Tebul Kalam Grup Mariyu Tebul Ro Grup Yokka Upayogam Emiti



టేబుల్స్‌లో గ్రూపింగ్ చేయడం వలన వినియోగదారు ఒకే విలువను లేదా బహుళ మునుపటి ఎంట్రీలకు అనుగుణంగా ఉండే టెక్స్ట్ భాగాన్ని ప్రదర్శించడానికి రెండు లేదా అంతకంటే ఎక్కువ సెల్‌లను కలపడానికి అనుమతిస్తుంది. కణాల సమూహం పట్టిక యొక్క క్లీన్ అవుట్‌లుక్‌ను అందజేస్తుంది మరియు మొత్తం ప్రెజెంటేషన్‌ను సంక్షిప్తంగా మరియు రీడర్‌కు అందుబాటులో ఉంచుతుంది. CSSలోని పట్టికలోని కణాల సమూహానికి సాంకేతిక పదం 'span'. ఒక నిర్దిష్ట అడ్డు వరుస లేదా నిలువు వరుస '1' కంటే పెద్ద విలువను కలిగి ఉంటే, అది టేబుల్-గ్రూప్‌గా పరిగణించబడుతుంది.

టేబుల్-కాలమ్ గ్రూప్ అంటే ఏమిటి?

ఒక టేబుల్-కాలమ్ గ్రూప్, పేరు సూచించినట్లుగా, బహుళ నిలువు వరుసల నుండి కణాల సమూహం. నిర్దిష్ట నిలువు వరుసలోని అన్ని విలువలు ఒకదానికొకటి సంబంధించినవి. ఒక టేబుల్-కాలమ్ బహుళ నిలువు వరుసలను కలిగి ఉండే మూలకాన్ని హోస్ట్ చేస్తుంది. మేము ఒక 'ని ఉపయోగిస్తాము CSSలోని పట్టికలో నిలువు వరుసలను సమూహపరచడానికి ” ట్యాగ్ చేయండి. అప్పుడు, సమూహం ఎన్ని నిలువు వరుసలను కలిగి ఉంటుందో గమనించడానికి స్పాన్ విలువ నిర్వచించబడుతుంది.

ఉదాహరణ
'పేరు', 'వయస్సు' మరియు 'ఎత్తు' నమోదు చేయబడిన కంపెనీ ఉద్యోగుల బయోడేటా గురించి పట్టికలో, ప్రతి నీలి నిలువు వరుస నిర్దిష్ట ఉద్యోగికి అనుగుణంగా ఉంటుంది, ఈ క్రింది ఉదాహరణలో ప్రదర్శించబడింది:







< పట్టిక >
< colgroup >
< కల్ శైలి = 'నేపథ్య రంగు: గులాబీ' >
< కల్ వ్యవధి = '3' శైలి = 'నేపథ్యం-రంగు: లేత నీలం' >
< / colgroup >
< tr >
< td > పేరు < / td >
< td > మైఖేల్ < / td >
< td > జేమ్స్ < / td >
< td > డేవిడ్ < / td >
< / tr >
< tr >
< td > వయస్సు < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > ఎత్తు < / td >
< td > 173 సెం.మీ < / td >
< td > 184 సెం.మీ < / td >
< td > 188 సెం.మీ < / td >
< / tr >
< / పట్టిక >

పై కోడ్ ప్రకారం క్రింద ఇవ్వబడిన దశలను అనుసరించండి:



  • పట్టికను సృష్టించడం ద్వారా ప్రారంభించండి మరియు జోడించండి ట్యాగ్.
  • ఉపయోగించడానికి వ్యవధి యుటిలిటీ క్లాస్ మరియు సమూహపరచవలసిన నిలువు వరుసల సంఖ్యను పేర్కొనండి.
  • ఇప్పుడు, ఉపయోగించి colgroupని మూసివేయండి ట్యాగ్.
  • అలాగే, పట్టిక వరుసలలో పేర్కొన్న డేటాను ఉపయోగించి ఇన్‌పుట్ చేయండి మరియు టాగ్లు.
  • ద్వారా టేబుల్‌ను మూసివేయండి ట్యాగ్.

అవుట్‌పుట్



HTMLలోని పట్టికలోని సెల్‌ల 'స్పాన్' ఒక సెల్ ఎన్ని నిలువు వరుసలను కవర్ చేయగలదో సూచిస్తుంది. ఇది మైక్రోసాఫ్ట్ ఎక్సెల్‌లో 'విలీనం' సెల్‌ల పనితీరు వలె అదే ఉపయోగాన్ని అందిస్తుంది.





టేబుల్-రో గ్రూప్ అంటే ఏమిటి?

టేబుల్-రో గ్రూప్ అనేది ఒకే సమూహాన్ని రూపొందించడానికి బహుళ అడ్డు వరుసల కలయిక. ఏక మూలకం బహుళ వరుసలను కలిగి ఉంటుంది. ఇది '' ద్వారా చేయబడుతుంది <రోగ్రూప్> ” ట్యాగ్.

ఉదాహరణ
ఒక నెలలో ఉద్యోగులు చేసిన విక్రయాలను ప్రదర్శించే క్రింది పట్టికను బహుళ ఉద్యోగుల పేర్లకు వ్యతిరేకంగా నెల పేరును కలిగి ఉన్న వరుసను సమూహం చేయడం ద్వారా చూపవచ్చు. అప్పుడు, వారి అమ్మకాలను వారి పేర్లకు అనుగుణంగా చూపవచ్చు. మేము దిగువ కోడ్‌లో అదే వివరించాము:



< పట్టిక తరగతి = 'వెట్-బో-జీబ్రా' >
< colgroup >
< కల్ >
< కల్ >
< / colgroup >




< శరీరం >
< tr >
< కోల్స్పాన్ = '9' >నెలవారీ అమ్మకాలు ( $ ) < / >
< / tr >
< tr >
< రోస్పాన్ = '4' > మే 2023 < / >
< >జేమ్స్ < / >
< td > 1434 < / td >
< / tr >
< tr >
< > మైఖేల్ < / >
< td > 1700 < / td >
< / tr >
< tr >
< > జాన్ < / >
< td > 1299 < / td >
< / tr >
< / శరీరం >
< శరీరం >
< tr >
< రోస్పాన్ = '4' > జూన్ 2023 < / >
< >జేమ్స్ < / >
< td > 1256 < / td >
< / tr >
< tr >
< > మైఖేల్ < / >
< td > 1975 < / td >
< / tr >
< tr >
< > జాన్ < / >
< td > 1883 < / td >
< / tr >
< / శరీరం >
< / పట్టిక >

పైన పేర్కొన్న కోడ్‌లో:

  • పట్టికను నిర్వచించండి మరియు జోడించండి ట్యాగ్.
  • ఉపయోగించి నిలువు వరుసల సమూహాన్ని నిర్వచించండి కోల్స్పాన్ యుటిలిటీ క్లాస్.
  • అదేవిధంగా, ద్వారా వరుసల సమూహాన్ని నిర్వచించండి రోస్పాన్ యుటిలిటీ క్లాస్.
  • ఇప్పుడు, ప్రతి రెండు నెలలకు వ్యక్తులందరి విక్రయాల డేటాను ఇన్‌పుట్ చేయండి.
  • చివరగా, ఉపయోగించి పట్టికను మూసివేయండి ట్యాగ్.

అవుట్‌పుట్

ముగింపు

ఒక విలువ అనేక ఇతర ఎంట్రీలకు అనుగుణంగా ఉంటే పట్టికలోని వ్యక్తిగత సెల్‌లను సమూహం చేయవచ్చు. మేము పట్టికను నిలువు వరుసలు లేదా అడ్డు వరుసల పరంగా సమూహం చేయవచ్చని కూడా గమనించాము. ఈ రెండూ వాటి స్వంత కార్యాచరణలను కలిగి ఉంటాయి మరియు అవసరమైన చోట ఉపయోగించవచ్చు.