HTML Table Colgroup

এইচটিএমএল টেবিল কলগ্রুপ

এইচটিএমএল টেবিল কলগ্রুপ

<colgroup> উপাদানটি একটি টেবিলের নির্দিষ্ট কলাম স্টাইল করতে ব্যবহৃত হয়।

এইচটিএমএল টেবিল কলগ্রুপ

আপনি যদি টেবিলের প্রথম দুটি কলাম স্টাইল করতে চান তবে <colgroup> এবং <col> উপাদানগুলি ব্যবহার করুন।

MON TUE WED THU FRI SAT SUN
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

<colgroup> উপাদানটি কলাম স্পেসিফিকেশনের জন্য একটি ধারক হিসাবে ব্যবহার করা উচিত।

প্রতিটি গ্রুপ একটি <col> উপাদান দ্বারা প্রতিনিধিত্ব করা হয়।

স্প্যান অ্যাট্রিবিউট নির্দেশ করে কতগুলি কলাম শৈলী গ্রহণ করে।

শৈলী বৈশিষ্ট্য কলামে দিতে শৈলী নির্দিষ্ট করে।

উদাহরণ

<table>
  <colgroup>
    <col span="2" style="background-color: #D6EEEE">
  </colgroup>
  <tr>
    <th>MON</th>
    <th>TUE</th>
    <th>WED</th>
    <th>THU</th>
...

📝দ্রষ্টব্য:

<colgroup> ট্যাগটি অবশ্যই <table> উপাদানের একটি চাইল্ড হতে হবে এবং অন্য যেকোন টেবিল উপাদানের আগে স্থাপন করতে হবে, যেমন <thead>, <tr>, <td>, কিন্তু <caption> উপাদানের পরে, যদি থাকে।

আইনি CSS বৈশিষ্ট্য

CSS বৈশিষ্ট্যগুলির একটি খুব সীমিত নির্বাচন রয়েছে যা CallGroup-এ ব্যবহারের জন্য অনুমোদিত:

অন্যান্য সমস্ত CSS বৈশিষ্ট্য আপনার টেবিলের উপর কোন প্রভাব নেই.

একাধিক পায়ের অঙ্গ

আপনি যদি বিভিন্ন স্টাইল সহ একাধিক কলাম স্টাইল করতে চান তবে একটি <colgroup>-এর ভিতরে একাধিক <col> উপাদান ব্যবহার করুন:

উদাহরণ

<table>
  <colgroup>
    <col span="2" style="background-color: #D6EEEE">
    <col span="3" style="background-color: pink">
  </colgroup>
  <tr>
    <th>MON</th>
    <th>TUE</th>
    <th>WED</th>
    <th>THU</th>
...
MON TUE WED THU FRI SAT SUN
1 2 3 4 5 6 7

খালি পা

আপনি যদি টেবিলের মাঝখানে কলাম স্টাইল করতে চান, তাহলে পূর্ববর্তী কলামগুলির জন্য একটি "খালি" <col> উপাদান (স্টাইল ছাড়া) সন্নিবেশ করুন:

উদাহরণ

<table>
  <colgroup>
    <col span="3">
    <col span="2" style="background-color: pink">
  </colgroup>
  <tr>
    <th>MON</th>
    <th>TUE</th>
    <th>WED</th>
    <th>THU</th>
...
MON TUE WED THU FRI SAT SUN
1 2 3 4 5 6 7

কলাম লুকানো

কলামগুলি দৃশ্যমানতার সাথে লুকানো যেতে পারে: সংকোচন বৈশিষ্ট্য:

উদাহরণ

<table>
  <colgroup>
    <col span="2">
    <col span="3" style="visibility: collapse">
  </colgroup>
  <tr>
    <th>MON</th>
    <th>TUE</th>
    <th>WED</th>
    <th>THU</th>
...
MON TUE WED THU FRI SAT SUN
1 2 3 4 5 6 7

(তিনটি কলাম লুকানো)