HTML colspan एट्रिब्यूट
colspan एट्रिब्यूट टेबल सेल (<td> या <th>) को कई कॉलम में फैलाने (span) की अनुमति देता है। यह सेल को आसन्न कॉलम्स के साथ मर्ज करता है।
<td> colspan एट्रिब्यूट
डेटा सेल के लिए कॉलम फैलाव।
सिंटैक्स
<td colspan="number">
उदाहरण: कुल बजट पंक्ति
<!DOCTYPE html>
<html>
<head>
<style> table, th, td { border: 2px solid blue; } </style>
</head>
<body>
<h2>उत्पाद खर्च</h2>
<table>
<tr><th>डोमेन</th><th>लागत</th></tr>
<tr><td>उत्पाद विकास</td><td>500000</td></tr>
<tr><td>मार्केटिंग</td><td>500000</td></tr>
<tr><td>सेवाएं</td><td>100000</td></tr>
<tr><td>सपोर्ट</td><td>100000</td></tr>
<tr><td>रखरखाव</td><td>100000</td></tr>
<tr><td colspan="2">कुल बजट = INR 1300000</td></tr>
</table>
</body>
</html>
आउटपुट
अंतिम पंक्ति में एक सेल दोनों कॉलम्स (डोमेन और लागत) में फैला हुआ।
<th> colspan एट्रिब्यूट
हेडर सेल के लिए कॉलम फैलाव।
सिंटैक्स
<th colspan="number">
उदाहरण: हेडर दो कॉलम्स में फैला
<!DOCTYPE html>
<html>
<head>
<style> table, th, td { border: 2px solid green; } </style>
</head>
<body>
<h2>उत्पाद खर्च</h2>
<table>
<tr><th colspan="2">खर्च</th></tr>
<tr><td>उत्पाद विकास</td><td>500000</td></tr>
<tr><td>मार्केटिंग</td><td>500000</td></tr>
<tr><td>सेवाएं</td><td>100000</td></tr>
<tr><td>सपोर्ट</td><td>100000</td></tr>
<tr><td>रखरखाव</td><td>100000</td></tr>
<tr><td colspan="2">कुल बजट = INR 1300000</td></tr>
</table>
</body>
</html>
आउटपुट
हेडर "खर्च" दोनों कॉलम्स में फैला हुआ।
नियम
colspanमान एक धनात्मक पूर्णांक होना चाहिए- कुल कॉलम्स = सामान्य सेल्स + colspan मान ≤ टेबल कॉलम्स
- अत्यधिक colspan टेबल लेआउट तोड़ सकता है
rowspanके साथ संयुक्त उपयोग संभव
