Markdown Toolbox Logo Markdown Toolbox
ਘਰ
ਬਲੌਗ

ਮੈਂ ਮਾਰਕਡਾਊਨ ਵਿੱਚ ਇੱਕ ਟੇਬਲ ਵਿੱਚ ਸੀਮਾਵਾਂ ਕਿਵੇਂ ਜੋੜੀਏ?

2024-08-05

ਛੋਟੀ ਵਰਜਨ

ਮਾਰਕਡਾਊਨ ਸਿੱਧੀ ਤੌਰ 'ਤੇ ਟੇਬਲ ਦੇ ਬਾਰਡਰਾਂ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ; ਬਦਲੇ ਵਿੱਚ HTML ਦੀ ਵਰਤੋਂ ਕਰੋ:

<table>
<tr>
<th>ਨਾਮ</th>
<th>ਉਮਰ</th>
<th>ਜਗ੍ਹਾ</th>
</tr>
<tr>
<td>ਜੌਨ</td>
<td>30</td>
<td>ਅਮਰੀਕਾ</td>
</tr>
<tr>
<td>ਜੈਨ</td>
<td>25</td>
<td>ਜਿਨ் тарихи란 затны 검변
</tr>
</table>

ਲੰਬਾ ਵਰਜਨ

1. ਮਾਰਕਡਾਊਨ ਦੇ ਹੇਠਾਂ ਦਾ ਸਮਝਣਾ

ਮਾਰਕਡਾਊਨ ਦੇ ਹੇਠਾਂ ਅਤੇ ਬਾਰਡਰਾਂ ਨੂੰ ਟੇਬਲਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਕੁਝ ਵੀ ਸਹਾਇਤਾ ਨਹੀਂ ਹੈ। ਹਾਲਾਂਕਿ, ਇਹ ਪਾਈਪ ਅਤੇ ਡੈਸ਼ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਾਲਮਾਂ ਅਤੇ ਰੋਜ਼ਾਂ ਲਈ ਸਧਾਰਨ ਟੇਬਲ ਬਣਾਉਣ ਦਾ ਇੱਕ ਤਰੀਕਾ ਦਿੰਦਾ ਹੈ।

2. HTML ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਮਾਰਕਡਾਊਨ ਲਈ ਬਾਰਡਰਾਂ ਵਾਲੀਆਂ ਟੇਬਲਾਂ

ਜੇਕਰ ਬਾਰਡਰਾਂ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਮਾਰਕਡਾਊਨ ਸਿੰਟੈਕਸ ਦੀ ਬਜਾਏ ਮਿਆਰੀ HTML ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। ਇੱਥੇ ਇਹਨਾਂ ਨੂੰ ਵੇਖੋ:

<table>
<tr>
<th>ਨਾਮ</th>
<th>ਉਮਰ</th>
<th>ਜਗ੍ਹਾ</th>
</tr>
<tr>
<td>ਜੌਨ</td>
<td>30</td>
<td>ਅਮਰੀਕਾ</td>
</tr>
<tr>
<td>ਜੈਨ</td>
<td>25</td>
<td>ਕੈਨੇਡਾ</td>
</tr>
</table>

ਇਹ ਇੱਕ ਟੇਬਲ ਬਣਾਏਗਾ ਜਿਸ ਵਿੱਚ ਬਾਰਡਰ ਹਨ, ਭਾਵੇਂ ਕਿ ਮਾਰਕਡਾਊਨ ਰੈਂਡਰ ਕਰਨ ਵਾਲਾ ਕੋਈ ਵੀ ਹੋਵੇ।

3. CSS ਨਾਲ ਬਾਰਡਰਾਂ ਦੀ ਸੱਜਾ

ਜੇਕਰ ਤੁਸੀਂ ਕਿਸੇ ਵੈੱਬਪੇਜ ਵਿੱਚ ਮਾਰਕਡਾਊਨ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਰਹੇ ਹੋ, ਤੁਸੀਂ CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਟੇਬਲ ਬਾਰਡਰਾਂ ਨੂੰ ਸਜਾ ਸਕਦੇ ਹੋ। ਸਾਰੇ ਟੇਬਲਾਂ 'ਚ ਬਾਰਡਰਾਂ ਨੂੰ ਸ਼ਾਮਿਲ ਕਰਨ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ CSS ਨਿਯਮ ਦੀ ਵਰਤੋਂ ਕਰੋ:

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}

ਇਹ CSS ਜੋੜਨ ਨਾਲ ਮਾਰਕਡਾਊਨ ਟੇਬਲ ਦਾ ਵਿਜ਼ਮ ਬੁਲੰਦ ਹੋਵੇਗਾ ਜਦੋਂ ਇਹ ਕਿਸੇ ਵੈਬ ਵਾਤਾਵਰਣ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇਗਾ।