CSS இல் அட்டவணை-நெடுவரிசை குழு மற்றும் அட்டவணை-வரிசை குழுவின் பயன்பாடு என்ன

Css Il Attavanai Netuvaricai Kulu Marrum Attavanai Varicai Kuluvin Payanpatu Enna



டேபிள்களில் குழுவாக்குவது, இரண்டு அல்லது அதற்கு மேற்பட்ட கலங்களை ஒன்றாக இணைத்து ஒரு ஒற்றை மதிப்பு அல்லது பல முந்தைய உள்ளீடுகளுடன் தொடர்புடைய உரையின் ஒரு பகுதியைக் காண்பிக்க பயனரை அனுமதிக்கிறது. கலங்களின் குழுவானது அட்டவணையின் சுத்தமான கண்ணோட்டத்தை அளிக்கிறது மற்றும் முழு விளக்கக்காட்சியையும் சுருக்கமாகவும் வாசகருக்கு அணுகக்கூடியதாகவும் ஆக்குகிறது. CSS இல் உள்ள அட்டவணையில் உள்ள செல்களை தொகுப்பதற்கான தொழில்நுட்ப சொல் 'span' ஆகும். ஒரு குறிப்பிட்ட வரிசை அல்லது நெடுவரிசை '1' ஐ விட பெரிய மதிப்பை பரப்பினால், அது ஒரு அட்டவணை-குழுவாக கருதப்படுகிறது.

அட்டவணை-நெடுவரிசைக் குழு என்றால் என்ன?

ஒரு அட்டவணை-நெடுவரிசைக் குழு, பெயர் குறிப்பிடுவது போல, பல நெடுவரிசைகளில் உள்ள கலங்களின் குழுவாகும். ஒரு குறிப்பிட்ட நெடுவரிசையில் உள்ள அனைத்து மதிப்புகளும் ஒன்றோடொன்று தொடர்புடையவை. ஒரு அட்டவணை-நெடுவரிசை பல நெடுவரிசைகளை உள்ளடக்கிய ஒரு உறுப்பை வழங்குகிறது. நாங்கள் பயன்படுத்துகிறோம் ' CSS இல் ஒரு அட்டவணையில் நெடுவரிசைகளை ஒன்றாக தொகுக்க 'குறிச்சொல். பின்னர், குழுவில் எத்தனை நெடுவரிசைகள் இருக்கும் என்பதைக் குறிக்க span மதிப்பு வரையறுக்கப்படுகிறது.

உதாரணமாக
'பெயர்', 'வயது' மற்றும் 'உயரம்' ஆகியவை பதிவுசெய்யப்பட்ட நிறுவன ஊழியர்களின் பயோடேட்டா பற்றிய அட்டவணையில், ஒவ்வொரு நீல நெடுவரிசையும் ஒரு குறிப்பிட்ட பணியாளருக்கு ஒத்திருக்கிறது, பின்வரும் எடுத்துக்காட்டில் காட்டப்பட்டுள்ளது:







< மேசை >
< கூட்டுக்குழு >
< col பாணி = 'பின்னணி நிறம்: இளஞ்சிவப்பு' >
< col இடைவெளி = '3' பாணி = 'பின்னணி நிறம்: வெளிர் நீலம்' >
< / கூட்டுக்குழு >
< 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 இல் உள்ள அட்டவணையில் உள்ள கலங்களின் ‘ஸ்பான்’ என்பது ஒரு செல் எத்தனை நெடுவரிசைகளை உள்ளடக்கும் என்பதைக் குறிக்கிறது. மைக்ரோசாஃப்ட் எக்செல் இல் உள்ள ‘மெர்ஜ்’ செல்கள் செயல்படும் அதே பயன்பாட்டை இது வழங்குகிறது.





அட்டவணை-வரிசை குழு என்றால் என்ன?

ஒரு அட்டவணை-வரிசை குழு என்பது ஒரு குழுவை உருவாக்க பல வரிசைகளை ஒன்றாக பிணைப்பதாகும். ஒரு தனி உறுப்பு பல வரிசைகளை உள்ளடக்கியது. இது வழியாக செய்யப்படுகிறது ' ” குறிச்சொல்.

உதாரணமாக
ஒரு மாதத்தில் ஊழியர்கள் செய்த விற்பனையைக் காண்பிக்கும் பின்வரும் அட்டவணை, பல ஊழியர்களின் பெயர்களுக்கு எதிராக மாதத்தின் பெயரைக் கொண்ட வரிசையைக் குழுவாகக் காட்டலாம். பின்னர், அவர்களின் பெயர்களுக்கு ஏற்ப அவர்களின் விற்பனையைக் காட்டலாம். கீழே உள்ள குறியீட்டில் நாங்கள் அதையே விளக்கியுள்ளோம்:



< மேசை வர்க்கம் = 'ஈரமான போவ்-ஜீப்ரா' >
< கூட்டுக்குழு >
< col >
< col >
< / கூட்டுக்குழு >




< உடல் >
< 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 >
< / உடல் >
< / மேசை >

மேலே கூறப்பட்ட குறியீட்டில்:

  • அட்டவணையை வரையறுத்து சேர்க்கவும் குறிச்சொல்.
  • ஐப் பயன்படுத்தி நெடுவரிசைகளின் குழுவை வரையறுக்கவும் கோல்ஸ்பான் பயன்பாட்டு வகுப்பு.
  • அதேபோல், வரிசைகளின் குழுவை வரையறுக்கவும் ரோஸ்பான் பயன்பாட்டு வகுப்பு.
  • இப்போது, ​​ஒவ்வொரு இரண்டு மாதங்களுக்கும் அனைத்து தனிநபர்களின் விற்பனைக்கான தரவை உள்ளிடவும்.
  • இறுதியாக, இதைப் பயன்படுத்தி அட்டவணையை மூடு குறிச்சொல்.

வெளியீடு

முடிவுரை

ஒரு மதிப்பு மற்ற பல உள்ளீடுகளுடன் தொடர்புடையதாக இருந்தால், அட்டவணையில் உள்ள தனிப்பட்ட செல்கள் தொகுக்கப்படலாம். அட்டவணையை நெடுவரிசைகள் அல்லது வரிசைகளின் அடிப்படையில் தொகுக்க முடியும் என்பதையும் நாங்கள் கவனித்தோம். இவை இரண்டும் அவற்றின் சொந்த செயல்பாடுகளைக் கொண்டுள்ளன மற்றும் தேவைப்படும் இடங்களில் பயன்படுத்தப்படலாம்.