Markdown तालिका सिंटैक्स

तालिकाएँ Markdown के विस्तारित सिंटैक्स का महत्वपूर्ण हिस्सा हैं, जो डेटा को संरचित तरीके से प्रदर्शित करने के लिए उपयोग की जाती हैं।

मूल तालिका सिंटैक्स

सरल तालिका

पाइप | का उपयोग कॉलम को अलग करने और - का उपयोग हेडर विभाजक पंक्ति बनाने के लिए करें:

markdown

| Name  | Age | Occupation |
|-------|-----|------------|
| Zhang | 25  | Engineer   |
| Li    | 30  | Designer   |
| Wang  | 28  | Product Manager |

रेंडर्ड आउटपुट:

Name	Age	Occupation
Zhang	25	Engineer
Li	30	Designer
Wang	28	Product Manager

तालिका संरेखण

कोलन : का उपयोग करके कॉलम संरेखण को नियंत्रित करें:

markdown

| Left Align | Center Align | Right Align |
|:-----------|:------------:|------------:|
| Content 1  | Content 1    | Content 1   |
| Content 2  | Content 2    | Content 2   |
| Content 3  | Content 3    | Content 3   |

रेंडर्ड आउटपुट:

Left Align	Center Align	Right Align
Content 1	Content 1	Content 1
Content 2	Content 2	Content 2
Content 3	Content 3	Content 3

संरेखण विवरण

संरेखण सिंटैक्स

Syntax	Alignment	Example
`---`	Left (default)	`
`:--:`	Center	`
`--:`	Right	`

संख्यात्मक डेटा तालिकाएँ

संख्याओं को प्रदर्शित करने के लिए दाहिना संरेखण उपयुक्त है:

markdown

| Product | Price | Sales | Revenue |
|:--------|------:|------:|--------:|
| A       | ¥99   | 1,250 | ¥123,750|
| B       | ¥199  | 856   | ¥170,344|
| C       | ¥299  | 432   | ¥129,168|
| **Total** |      | **2,538** | **¥423,262** |

रेंडर्ड आउटपुट:

Product	Price	Sales	Revenue
A	¥99	1,250	¥123,750
B	¥199	856	¥170,344
C	¥299	432	¥129,168
Total		2,538	¥423,262

तालिकाओं में फॉर्मेटिंग

इनलाइन फॉर्मेटिंग

तालिका कोशिकाएँ Markdown इनलाइन फॉर्मेटिंग का समर्थन करती हैं:

markdown

| Feature      | Status      | Description                |
|-------------|-------------|----------------------------|
| **Login**   | ✅ Done     | Users can log in via email |
| *Register*  | 🚧 In Progress | Third-party registration supported |
| `Reset Password` | ❌ To Do | Reset password via email   |
| [User Center](/) | ⏳ Planned | User information management |

रेंडर्ड आउटपुट:

Feature	Status	Description
Login	✅ Done	Users can log in via email
Register	🚧 In Progress	Third-party registration supported
`Reset Password`	❌ To Do	Reset password via email
User Center	⏳ Planned	User information management

तालिकाओं में कोड

markdown

| Command | Function      | Example           |
|---------|--------------|-------------------|
| `ls`    | List files   | `ls -la`          |
| `cd`    | Change dir   | `cd /home/user`   |
| `mkdir` | Make dir     | `mkdir new-folder`|
| `rm`    | Remove files | `rm -rf folder/`  |

रेंडर्ड आउटपुट:

Command	Function	Example
`ls`	List files	`ls -la`
`cd`	Change dir	`cd /home/user`
`mkdir`	Make dir	`mkdir new-folder`
`rm`	Remove files	`rm -rf folder/`

जटिल तालिका उदाहरण

प्रौद्योगिकी तुलना तालिका

markdown

| Feature         | React | Vue | Angular |
|:---------------|:-----:|:---:|:-------:|
| **Learning Curve** | Medium | Easy | Hard |
| **Performance**    | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
| **Ecosystem**      | Rich  | Good | Complete |
| **Enterprise Support** | Facebook | Independent | Google |
| **TypeScript**     | ✅    | ✅   | ✅ Built-in |
| **Community Activity** | Very High | High | Medium |

रेंडर्ड आउटपुट:

Feature	React	Vue	Angular
Learning Curve	Medium	Easy	Hard
Performance	⭐⭐⭐⭐	⭐⭐⭐⭐⭐	⭐⭐⭐
Ecosystem	Rich	Good	Complete
Enterprise Support	Facebook	Independent	Google
TypeScript	✅	✅	✅ Built-in
Community Activity	Very High	High	Medium

API दस्तावेज़ीकरण तालिका

markdown

| Parameter | Type     | Required | Default   | Description                |
|-----------|----------|:--------:|-----------|----------------------------|
| `id`      | `number` | ✅       | -         | Unique user identifier     |
| `name`    | `string` | ✅       | -         | User name                  |
| `email`   | `string` | ✅       | -         | User email address         |
| `age`     | `number` | ❌       | `null`    | User age                   |
| `avatar`  | `string` | ❌       | `"/default.jpg"` | Avatar URL         |
| `status`  | `enum`   | ❌       | `"active"` | Account status: `active` \| `inactive` |

रेंडर्ड आउटपुट:

Parameter	Type	Required	Default	Description
`id`	`number`	✅	-	Unique user identifier
`name`	`string`	✅	-	User name
`email`	`string`	✅	-	User email address
`age`	`number`	❌	`null`	User age
`avatar`	`string`	❌	`"/default.jpg"`	Avatar URL
`status`	`enum`	❌	`"active"`	Account status: `active` \| `inactive`

तालिका फॉर्मेटिंग टिप्स

इमोजी का उपयोग

markdown

| OS      | Support | Note      |
|---------|:-------:|-----------|
| Windows | ✅      | Full support |
| macOS   | ✅      | Full support |
| Linux   | ⚠️      | Partial support |
| iOS     | ❌      | Not supported |
| Android | 🚧      | In development |

रेंडर्ड आउटपुट:

OS	Support	Note
Windows	✅	Full support
macOS	✅	Full support
Linux	⚠️	Partial support
iOS	❌	Not supported
Android	🚧	In development

बैज का उपयोग

markdown

| Project | Status | Version |
|---------|--------|---------|
| React   | ![Stable](https://img.shields.io/badge/status-stable-green) | `v18.2.0` |
| Vue     | ![Stable](https://img.shields.io/badge/status-stable-green) | `v3.3.0`  |
| Angular | ![Beta](https://img.shields.io/badge/status-beta-orange)    | `v16.0.0` |

खाली कोशिकाओं को संभालना

खाली सामग्री प्रतिनिधित्व

markdown

| Item | Q1   | Q2   | Q3   | Q4   |
|------|:----:|:----:|:----:|:----:|
| Revenue | 1M   | 1.2M | -    | -    |
| Expense | 800K | 900K | 950K | -    |
| Profit  | 200K | 300K |      |      |

रेंडर्ड आउटपुट:

Item	Q1	Q2	Q3	Q4
Revenue	1M	1.2M	-	-
Expense	800K	900K	950K	-
Profit	200K	300K

सामान्य त्रुटियाँ और समाधान

1. गलत संरेखित पाइप

markdown

❌ गलत:
| Name | Age|Occupation|
|------|----|----------|
|Zhang|25|Engineer|

✅ सही:
| Name | Age | Occupation |
|------|-----|------------|
| Zhang | 25  | Engineer   |

2. विभाजक पंक्ति की कमी

markdown

❌ गलत:
| Name | Age | Occupation |
| Zhang | 25 | Engineer |

✅ सही:
| Name | Age | Occupation |
|------|-----|------------|
| Zhang | 25  | Engineer   |

3. कॉलम संख्या असंगति

markdown

❌ गलत:
| Name | Age | Occupation |
|------|-----|------------|
| Zhang | 25 |  ← तीसरा कॉलम गायब

✅ सही:
| Name | Age | Occupation |
|------|-----|------------|
| Zhang | 25  | Engineer   |

4. विशेष वर्ण संभालना

markdown

❌ समस्या:
| Price | Description |
|-------|-------------|
| $100|tax included |  ← पाइप का गलत उपयोग

✅ समाधान:
| Price | Description |
|-------|-------------|
| $100 | tax included |
| $200 | Price\|tax included |  ← पाइप को एस्केप करें

उन्नत तालिका सुविधाएँ

HTML के साथ वृद्धि

markdown

<table>
  <tr>
    <th colspan="2">Merged Column Header</th>
    <th>Normal Column</th>
  </tr>
  <tr>
    <td rowspan="2">Merged Row</td>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
  <tr>
    <td>Data 3</td>
    <td>Data 4</td>
  </tr>
</table>

रेंडर्ड आउटपुट:

Merged Column Header		Normal Column
Merged Row	Data 1	Data 2
Merged Row	Data 3	Data 4

कस्टम तालिका शैलियाँ

markdown

<table style="width: 100%; border-collapse: collapse;">
  <tr style="background-color: #f0f0f0;">
    <th style="border: 1px solid #ddd; padding: 8px;">Product</th>
    <th style="border: 1px solid #ddd; padding: 8px;">Price</th>
  </tr>
  <tr>
    <td style="border: 1px solid #ddd; padding: 8px;">A</td>
    <td style="border: 1px solid #ddd; padding: 8px; color: red;">¥99</td>
  </tr>
</table>

व्यावहारिक अनुप्रयोग परिदृश्य

1. प्रोजेक्ट प्रबंधन

markdown

## कार्य प्रगति तालिका

| Task | Owner | Start Date | End Date | Status | Completion |
|------|-------|------------|----------|:------:|:----------:|
| Requirement Analysis | Zhang | 2023-10-01 | 2023-10-07 | ✅ | 100% |
| UI Design | Li | 2023-10-08 | 2023-10-15 | 🚧 | 75% |
| Frontend Dev | Wang | 2023-10-16 | 2023-10-30 | ⏳ | 0% |
| Backend Dev | Zhao | 2023-10-16 | 2023-11-05 | ⏳ | 0% |
| Testing | Sun | 2023-11-06 | 2023-11-12 | ⏳ | 0% |

2. उत्पाद तुलना

markdown

## सब्सक्रिप्शन प्लान तुलना

| Feature | Free | Pro | Enterprise |
|---------|:----:|:---:|:----------:|
| **User Limit** | 5 | 50 | Unlimited |
| **Storage** | 1GB | 100GB | 1TB |
| **API Calls** | 1000/mo | 100k/mo | Unlimited |
| **Support** | Community | Email | Dedicated |
| **SLA** | - | 99.9% | 99.99% |
| **Price** | Free | ¥99/mo | ¥999/mo |
| | [Choose](/) | [Choose](/) | [Contact Sales](/) |

3. वित्तीय रिपोर्ट

markdown

## मासिक वित्तीय रिपोर्ट

| Item | Jan | Feb | Mar | Total |
|------|-----:|-----:|-----:|------:|
| **Income** |     |     |     |      |
| Product Sales | 50,000 | 55,000 | 60,000 | 165,000 |
| Service Income | 20,000 | 22,000 | 25,000 | 67,000 |
| Other Income | 2,000 | 1,500 | 3,000 | 6,500 |
| *Subtotal* | *72,000* | *78,500* | *88,000* | *238,500* |
| **Expense** |     |     |     |      |
| Salaries | 30,000 | 30,000 | 30,000 | 90,000 |
| Office Rent | 8,000 | 8,000 | 8,000 | 24,000 |
| Marketing | 10,000 | 12,000 | 15,000 | 37,000 |
| *Subtotal* | *48,000* | *50,000* | *53,000* | *151,000* |
| **Net Profit** | **24,000** | **28,500** | **35,000** | **87,500** |

सर्वोत्तम प्रथाएँ

1. इसे सरल रखें

markdown

✅ अनुशंसित: सरल और स्पष्ट
| Item | Status |
|------|--------|
| A    | Done   |
| B    | In Progress |

❌ अनुशंसित नहीं: सूचना अधिभार
| Project Name | Current Status | Detailed Description | Owner | Start Date | End Date | Notes |

2. अर्थपूर्ण हेडर का उपयोग करें

markdown

✅ अनुशंसित: वर्णनात्मक हेडर
| Programming Language | Difficulty | Application |

❌ अनुशंसित नहीं: अस्पष्ट हेडर
| Item1 | Item2 | Item3 |

3. संरेखण का उचित उपयोग करें

markdown

✅ अनुशंसित: संख्याएँ दाहिने संरेखित
| Product | Price | Quantity |
|:--------|------:|--------:|
| A       | ¥100  | 50      |

✅ अनुशंसित: टेक्स्ट बाएँ संरेखित
| Name | Department | Position |
|:-----|:-----------|:--------|
| Zhang | Tech      | Engineer |

HTML आउटपुट

Markdown तालिकाएँ HTML में परिवर्तित होती हैं:

markdown

| Name | Age |
|------|-----|
| Zhang | 25 |

बन जाता है:

html

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Zhang</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

अभ्यास

निम्नलिखित तालिकाएँ बनाने का प्रयास करें:

एक टीम सदस्य परिचय तालिका
एक उत्पाद मूल्य तुलना तालिका
एक प्रोजेक्ट प्रगति ट्रैकिंग तालिका
एक टेक स्टैक मूल्यांकन तालिका

अनुशंसित टूल

तालिका जेनरेटर

ऑनलाइन टूल: Tables Generator, Markdown Tables Generator
संपादक प्लगइन: VS Code Markdown Table, Typora Table Editing
कन्वर्शन टूल: Excel to Markdown, CSV to Markdown

तालिका सौंदर्यीकरण

CSS फ्रेमवर्क: Bootstrap, Tailwind CSS
तालिका लाइब्रेरी: DataTables, AG Grid
Markdown विस्तार: markdown-it-table, remark-gfm

Markdown तालिका सिंटैक्स ​

मूल तालिका सिंटैक्स ​

सरल तालिका ​

तालिका संरेखण ​

संरेखण विवरण ​

संरेखण सिंटैक्स ​

संख्यात्मक डेटा तालिकाएँ ​

तालिकाओं में फॉर्मेटिंग ​

इनलाइन फॉर्मेटिंग ​

तालिकाओं में कोड ​

जटिल तालिका उदाहरण ​

प्रौद्योगिकी तुलना तालिका ​

API दस्तावेज़ीकरण तालिका ​

तालिका फॉर्मेटिंग टिप्स ​

इमोजी का उपयोग ​

बैज का उपयोग ​

खाली कोशिकाओं को संभालना ​

खाली सामग्री प्रतिनिधित्व ​

सामान्य त्रुटियाँ और समाधान ​

1. गलत संरेखित पाइप ​

2. विभाजक पंक्ति की कमी ​

3. कॉलम संख्या असंगति ​

4. विशेष वर्ण संभालना ​

उन्नत तालिका सुविधाएँ ​

HTML के साथ वृद्धि ​

कस्टम तालिका शैलियाँ ​

व्यावहारिक अनुप्रयोग परिदृश्य ​

1. प्रोजेक्ट प्रबंधन ​

2. उत्पाद तुलना ​

3. वित्तीय रिपोर्ट ​

सर्वोत्तम प्रथाएँ ​

1. इसे सरल रखें ​

2. अर्थपूर्ण हेडर का उपयोग करें ​

3. संरेखण का उचित उपयोग करें ​

HTML आउटपुट ​

संबंधित सिंटैक्स ​

अभ्यास ​

अनुशंसित टूल ​

तालिका जेनरेटर ​

तालिका सौंदर्यीकरण ​

Markdown तालिका सिंटैक्स

मूल तालिका सिंटैक्स

सरल तालिका

तालिका संरेखण

संरेखण विवरण

संरेखण सिंटैक्स

संख्यात्मक डेटा तालिकाएँ

तालिकाओं में फॉर्मेटिंग

इनलाइन फॉर्मेटिंग

तालिकाओं में कोड

जटिल तालिका उदाहरण

प्रौद्योगिकी तुलना तालिका

API दस्तावेज़ीकरण तालिका

तालिका फॉर्मेटिंग टिप्स

इमोजी का उपयोग

बैज का उपयोग

खाली कोशिकाओं को संभालना

खाली सामग्री प्रतिनिधित्व

सामान्य त्रुटियाँ और समाधान

1. गलत संरेखित पाइप

2. विभाजक पंक्ति की कमी

3. कॉलम संख्या असंगति

4. विशेष वर्ण संभालना

उन्नत तालिका सुविधाएँ

HTML के साथ वृद्धि

कस्टम तालिका शैलियाँ

व्यावहारिक अनुप्रयोग परिदृश्य

1. प्रोजेक्ट प्रबंधन

2. उत्पाद तुलना

3. वित्तीय रिपोर्ट

सर्वोत्तम प्रथाएँ

1. इसे सरल रखें

2. अर्थपूर्ण हेडर का उपयोग करें

3. संरेखण का उचित उपयोग करें

HTML आउटपुट

संबंधित सिंटैक्स

अभ्यास

अनुशंसित टूल

तालिका जेनरेटर

तालिका सौंदर्यीकरण