CSS-এ টেবিল-কলাম গ্রুপ এবং টেবিল-রো গ্রুপের ব্যবহার কী?

Css E Tebila Kalama Grupa Ebam Tebila Ro Grupera Byabahara Ki



সারণীতে গোষ্ঠীবদ্ধকরণ ব্যবহারকারীকে একটি একক মান বা একাধিক পূর্ববর্তী এন্ট্রির সাথে সামঞ্জস্যপূর্ণ পাঠ্যের একটি অংশ প্রদর্শন করতে দুই বা ততোধিক কক্ষকে একত্রে একত্রিত করতে দেয়। কোষের গ্রুপিং টেবিলের একটি পরিষ্কার দৃষ্টিভঙ্গি উপস্থাপন করে এবং পাঠকের জন্য সমগ্র উপস্থাপনাকে সংক্ষিপ্ত এবং অ্যাক্সেসযোগ্য করে তোলে। CSS-এ একটি টেবিলে কোষের গ্রুপিংয়ের জন্য প্রযুক্তিগত শব্দটি হল 'স্প্যান'। এটি এমন যে যদি একটি নির্দিষ্ট সারি বা কলাম '1' এর চেয়ে বড় একটি মান বিস্তৃত করে তবে এটি একটি টেবিল-গ্রুপ হিসাবে বিবেচিত হয়।

একটি টেবিল-কলাম গ্রুপ কি?

একটি টেবিল-কলাম গ্রুপ, নাম অনুসারে, একাধিক কলাম থেকে কোষের একটি গ্রুপ। একটি নির্দিষ্ট কলামের সমস্ত মান একে অপরের সাথে সম্পর্কিত। একটি টেবিল-কলাম একটি উপাদান হোস্ট করে যা একাধিক কলামকে অন্তর্ভুক্ত করে। আমরা একটি ব্যবহার করি ' CSS-এ একটি টেবিলে কলামগুলিকে একত্রিত করতে ট্যাগ করুন। তারপর, স্প্যান মান সংজ্ঞায়িত করা হয় যে গ্রুপে কতগুলি কলাম থাকবে।

উদাহরণ
কোম্পানির কর্মচারীদের বায়োডাটা সম্পর্কে টেবিলে যেখানে 'নাম', 'বয়স' এবং 'উচ্চতা' রেকর্ড করা হয়েছে, প্রতিটি নীল কলাম একটি নির্দিষ্ট কর্মচারীর সাথে মিলে যায়, নিম্নলিখিত উদাহরণে প্রদর্শিত হয়েছে:







< টেবিল >
< কোলগ্রুপ >
< কর্নেল শৈলী = 'পটভূমির রঙ: গোলাপী' >
< কর্নেল স্প্যান = '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 বন্ধ করুন ট্যাগ
  • এছাড়াও, টেবিলের সারিতে উল্লেখিত ডেটা ইনপুট করুন ব্যবহার করে এবং ট্যাগ.
  • মাধ্যমে টেবিল বন্ধ ট্যাগ

আউটপুট



এইচটিএমএল-এ একটি টেবিলের কোষগুলির 'স্প্যান' প্রতিনিধিত্ব করে যে একটি একক কক্ষ কতগুলি কলাম কভার করতে পারে। এটি মাইক্রোসফ্ট এক্সেলে 'মার্জ' সেল ফাংশনের মতো একই ব্যবহারের প্রস্তাব দেয়।





একটি টেবিল-সারি গ্রুপ কি?

একটি সারণি-সারি গ্রুপ হল একাধিক সারির একত্রে একটি একক গ্রুপ তৈরি করার জন্য। একটি একবচন উপাদান একাধিক সারি অন্তর্ভুক্ত করে। এটি 'এর মাধ্যমে করা হয় <সারি গ্রুপ> ট্যাগ

উদাহরণ
নিম্নলিখিত সারণীতে কর্মচারীদের দ্বারা এক মাসে করা বিক্রয় প্রদর্শন করা হয়েছে একাধিক কর্মচারীর নামের বিপরীতে মাসের নাম সম্বলিত সারিটি গোষ্ঠীবদ্ধ করে দেখানো যেতে পারে। তারপরে, তাদের বিক্রয় তাদের নামের সাথে সামঞ্জস্যপূর্ণ দেখানো যেতে পারে। আমরা নীচের কোডে একই চিত্রিত করেছি:



< টেবিল ক্লাস = 'ওয়েট-বোউ-জেব্রা' >
< কোলগ্রুপ >
< কর্নেল >
< কর্নেল >
< / কোলগ্রুপ >




< tbody >
< tr >
< colspan = '9' >মাসিক বিক্রয় ( $ ) < / >
< / tr >
< tr >
< সারি স্প্যান = '4' >মে 2023 < / >
< >জেমস< / >
< td > 1434 < / td >
< / tr >
< tr >
< >মাইকেল< / >
< td > 1700 < / td >
< / tr >
< tr >
< >জন< / >
< td > 1299 < / td >
< / tr >
< / tbody >
< tbody >
< tr >
< সারি স্প্যান = '4' > জুন 2023 < / >
< >জেমস< / >
< td > 1256 < / td >
< / tr >
< tr >
< >মাইকেল< / >
< td > 1975 < / td >
< / tr >
< tr >
< >জন< / >
< td > 1883 < / td >
< / tr >
< / tbody >
< / টেবিল >

উপরে বর্ণিত কোডে:

  • একটি টেবিল সংজ্ঞায়িত করুন এবং যোগ করুন ট্যাগ
  • ব্যবহার করে কলামের গ্রুপিং সংজ্ঞায়িত করুন colspan ইউটিলিটি ক্লাস।
  • একইভাবে, এর মাধ্যমে সারিগুলির গ্রুপিং সংজ্ঞায়িত করুন সারি স্প্যান ইউটিলিটি ক্লাস।
  • এখন, প্রতিটি দুই মাসের জন্য সমস্ত ব্যক্তির বিক্রয়ের ডেটা ইনপুট করুন।
  • অবশেষে, ব্যবহার করে টেবিল বন্ধ করুন ট্যাগ

আউটপুট

উপসংহার

একটি সারণীর পৃথক কক্ষগুলিকে গোষ্ঠীভুক্ত করা যেতে পারে যদি একটি মান একাধিক অন্যান্য এন্ট্রির সাথে মিলে যায়। আমরা আরও লক্ষ্য করেছি যে টেবিলটিকে কলাম বা সারির ভিত্তিতে গোষ্ঠীবদ্ধ করা যেতে পারে। এই উভয়েরই নিজস্ব কার্যকারিতা রয়েছে এবং যেখানে প্রয়োজন সেখানে ব্যবহার করা যেতে পারে।