ਇਸ ਲੇਖ ਵਿੱਚ ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਆਉਟਲੁੱਕ ਵਿੱਚ ਟੇਬਲ ਦੀਆਂ ਬਾਰਡਰਾਂ ਲਈ ਸ਼ਰਤੀਆ ਫਾਰਮੈਟਿੰਗ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨੀ ਹੈ। ਮੈਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂਗਾ ਕਿ ਉਹਨਾਂ ਦੇ ਰੰਗ, ਚੌੜਾਈ ਅਤੇ ਸ਼ੈਲੀ ਨੂੰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ। ਫਿਰ ਮੈਂ ਤੁਹਾਨੂੰ ਸਿਖਾਵਾਂਗਾ ਕਿ ਕਿਵੇਂ ਇੱਕ ਸਮੇਂ ਵਿੱਚ ਕਈ ਸੋਧਾਂ ਕਰਨੀਆਂ ਹਨ ਅਤੇ ਆਪਣੇ ਆਉਟਲੁੱਕ ਟੇਬਲ ਨੂੰ ਕਈ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਨਾਲ ਰੰਗ ਕਰਨਾ ਹੈ।

ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਮੈਂ ਇਸ ਬਲੌਗ ਦੇ ਨਵੇਂ ਆਉਣ ਵਾਲਿਆਂ ਲਈ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਹੈਡਨੋਟ ਬਣਾਉਣਾ ਚਾਹਾਂਗਾ। ਜਿਵੇਂ ਕਿ ਅੱਜ ਅਸੀਂ ਟੈਂਪਲੇਟਸ ਵਿੱਚ ਕੰਡੀਸ਼ਨਲ ਫਾਰਮੈਟਿੰਗ ਬਾਰੇ ਗੱਲ ਕਰਾਂਗੇ, ਮੈਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂਗਾ ਕਿ ਆਉਟਲੁੱਕ ਲਈ ਸਾਡੇ ਸ਼ੇਅਰਡ ਈਮੇਲ ਟੈਂਪਲੇਟਸ ਐਡ-ਇਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਉਹਨਾਂ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਸੈੱਟ ਕਰਨਾ ਹੈ। ਇਹ ਟੂਲ ਤੁਹਾਡੀਆਂ ਈਮੇਲਾਂ ਵਿੱਚ ਪਹਿਲਾਂ ਤੋਂ ਸੁਰੱਖਿਅਤ ਕੀਤੇ ਸੰਪੂਰਨ ਫਾਰਮੈਟਡ ਟੈਂਪਲੇਟਾਂ ਨੂੰ ਪੇਸਟ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਪੱਤਰ ਵਿਹਾਰ ਦੇ ਰੁਟੀਨ ਨੂੰ ਕੁਝ ਕਲਿੱਕਾਂ ਤੱਕ ਸੁੰਗੜਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ।

ਜੇ ਤੁਸੀਂ ਪਹਿਲਾਂ ਹੀ ਆਉਟਲੁੱਕ ਟੇਬਲ ਟਿਊਟੋਰਿਅਲ ਵਿੱਚ ਮੇਰੀ ਕੰਡੀਸ਼ਨਲ ਫਾਰਮੈਟਿੰਗ ਨੂੰ ਪੜ੍ਹ ਲਿਆ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਜਾਣਦੇ ਹੋ ਸੈੱਲਾਂ ਦੀ ਸਮੱਗਰੀ ਅਤੇ ਪਿਛੋਕੜ ਦਾ ਰੰਗ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ। ਹਾਲਾਂਕਿ, ਇਹ ਉਹ ਸਭ ਕੁਝ ਨਹੀਂ ਹੈ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਆਉਟਲੁੱਕ ਟੇਬਲ ਨੂੰ ਰੌਸ਼ਨ ਕਰਨ ਲਈ ਕਰ ਸਕਦੇ ਹੋ। ਅੱਜ ਮੈਂ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਟੇਬਲ ਦੀਆਂ ਬਾਰਡਰਾਂ ਨੂੰ ਸ਼ਰਤ ਅਨੁਸਾਰ ਰੰਗ ਕਰਨ ਅਤੇ ਉਹਨਾਂ ਦੀ ਚੌੜਾਈ ਅਤੇ ਸ਼ੈਲੀ ਨੂੰ ਸੰਸ਼ੋਧਿਤ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਵਾਂਗਾ।

ਇਸ ਤੋਂ ਇਲਾਵਾ, ਪਿਛਲੇ ਅਧਿਆਇ ਵਿੱਚ ਇੱਕ ਛੋਟਾ ਬੋਨਸ ਤੁਹਾਡੇ ਲਈ ਉਡੀਕ ਕਰ ਰਿਹਾ ਹੈ ਜਿੱਥੇ ਮੈਂ ਤੁਹਾਨੂੰ ਕਈ ਸੋਧਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੇ ਤਰੀਕੇ ਦਿਖਾਵਾਂਗਾ। ਉਸੇ ਸਮੇਂ ਅਤੇ ਆਪਣੇ ਟੇਬਲ ਨੂੰ 4 ਜੁਲਾਈ ਨੂੰ ਪਟਾਕਿਆਂ ਵਾਂਗ ਰੰਗੀਨ ਅਤੇ ਚਮਕਦਾਰ ਬਣਾਓ;)

ਸੈੱਲ ਬਾਰਡਰਾਂ ਦਾ ਰੰਗ ਬਦਲੋ

ਤੁਹਾਨੂੰ ਇਹ ਦਿਖਾਉਣ ਲਈ ਕਿ ਬਾਰਡਰ ਦੀ ਪੇਂਟਿੰਗ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀ ਹੈ, ਮੈਂ ਪਿਛਲੇ ਹਫ਼ਤੇ ਦੇ ਟਿਊਟੋਰਿਅਲ ਤੋਂ ਉਹੀ ਨਮੂਨੇ ਵਰਤਾਂਗਾ. ਕੇਸ ਹੇਠ ਲਿਖੇ ਅਨੁਸਾਰ ਹੈ: ਮੈਂ ਪੇਸਟ ਏਮਾਈਕ੍ਰੋਸਾੱਫਟ ਟੀਮ, ਇਸ ਗਿੱਟਹਬ ਗੱਲਬਾਤ ਵਿੱਚ ਉਨ੍ਹਾਂ ਦੇ ਜਵਾਬ ਨੂੰ ਵੇਖਣ ਲਈ ਬੇਝਿਜਕ ਮਹਿਸੂਸ ਕਰੋ :)

ਅੰਤਿਮ ਨੋਟ

ਮੈਨੂੰ ਸੱਚਮੁੱਚ ਉਮੀਦ ਹੈ ਕਿ ਮੈਂ ਤੁਹਾਨੂੰ ਯਕੀਨ ਦਿਵਾਉਣ ਵਿੱਚ ਕਾਮਯਾਬ ਹੋ ਗਿਆ ਹਾਂ ਕਿ ਆਉਟਲੁੱਕ ਵਿੱਚ ਇੱਕ ਸਾਰਣੀ ਸਾਦੇ ਦੇ ਨਾਲ ਸਿਰਫ ਕਾਲੇ ਬਾਰਡਰ ਨਹੀਂ ਹੈ ਟੈਕਸਟ। ਸੁਧਾਰ ਅਤੇ ਸਿਰਜਣਾਤਮਕਤਾ ਲਈ ਕਾਫ਼ੀ ਥਾਂ ਹੈ :)

ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੇ ਖੁਦ ਦੇ ਕੁਝ ਪੇਂਟਿੰਗ ਪ੍ਰਯੋਗ ਕਰਨ ਦਾ ਫੈਸਲਾ ਕਰਦੇ ਹੋ, ਤਾਂ ਸਿਰਫ਼ Microsoft ਸਟੋਰ ਤੋਂ ਸ਼ੇਅਰਡ ਈਮੇਲ ਟੈਂਪਲੇਟਸ ਸਥਾਪਿਤ ਕਰੋ ਅਤੇ ਆਨੰਦ ਲਓ!

ਜੇਕਰ ਉੱਥੇ ਹਨ ਆਉਟਲੁੱਕ ਟੇਬਲ ਵਿੱਚ ਕੰਡੀਸ਼ਨਲ ਫਾਰਮੈਟਿੰਗ ਵਿੱਚ ਤੁਹਾਡੇ ਵਿੱਚੋਂ ਕੋਈ ਵੀ ਸਵਾਲ ਬਾਕੀ ਹੈ, ਬਸ ਟਿੱਪਣੀ ਭਾਗ ਵਿੱਚ ਕੁਝ ਸ਼ਬਦ ਛੱਡੋ ਅਤੇ ਅਸੀਂ ਇਸਦਾ ਪਤਾ ਲਗਾ ਲਵਾਂਗੇ;)

ਟੈਮਪਲੇਟ ਅਤੇ ਸਾਰਣੀ ਵਿੱਚ ਭਰਨ ਲਈ ਛੂਟ ਦਰ ਦੀ ਚੋਣ ਕਰੋ। ਮੇਰੀ ਪਸੰਦ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹੋਏ, ਸੈੱਲ ਦੀਆਂ ਬਾਰਡਰਾਂ ਨੂੰ ਖਾਸ ਰੰਗ ਵਿੱਚ ਰੰਗਿਆ ਜਾਵੇਗਾ।

ਅੱਜ ਮੈਂ ਜਿਸ ਸਾਰਣੀ ਵਿੱਚ ਰੰਗ ਕਰਾਂਗਾ ਉਹ ਹੇਠਾਂ ਦਿੱਤੀ ਹੋਵੇਗੀ:

ਨਮੂਨਾ ਹੈਡਰ 1	ਨਮੂਨਾ ਹੈਡਰ 2	ਨਮੂਨਾ ਹੈਡਰ 3
~%WhatToEnter[ {dataset:'Dataset with discounts', column:' ਛੂਟ', ਸਿਰਲੇਖ:'ਛੂਟ ਦੀ ਚੋਣ ਕਰੋ'} ] ਛੋਟ

ਜਿਵੇਂ ਕਿ ਕੰਡੀਸ਼ਨਲ ਫਾਰਮੈਟਿੰਗ ਟੈਂਪਲੇਟਸ 'HTML ਵਿੱਚ ਹੈਂਡਲ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਚਲੋ ਪਹਿਲਾਂ ਇਸ ਟੇਬਲ ਦਾ HTML ਕੋਡ ਖੋਲ੍ਹੋ:

1. ਦਿਲਚਸਪੀ ਦਾ ਟੈਂਪਲੇਟ ਖੋਲ੍ਹੋ ਅਤੇ ਸੰਪਾਦਨ :

   

2. <1 ਲੱਭੋ ਦਬਾਓ ਟੈਂਪਲੇਟ ਦੀ ਟੂਲਬਾਰ 'ਤੇ HTML ਆਈਕਨ ( ) ਦੇਖੋ:

   

3. ਅਸਲ HTML ਦੇਖੋ ਜਿਸ ਨੂੰ ਕਈ ਵਾਰ ਸੋਧਿਆ ਜਾਵੇਗਾ:

   

ਜੇਕਰ ਤੁਸੀਂ ਰੰਗਾਂ ਅਤੇ ਛੂਟ ਦਰਾਂ ਦੇ ਨਾਲ ਉਹਨਾਂ ਦੇ ਸਬੰਧ ਬਾਰੇ ਹੈਰਾਨ ਹੋ, ਤਾਂ ਮੈਂ ਤੁਹਾਨੂੰ ਇੱਕ ਸੰਕੇਤ ਦੇਵਾਂਗਾ :) ਡੇਟਾਸੈਟ! ਇਸ ਨੂੰ ਕੀ ਹੈ ਕੋਈ ਪਤਾ ਹੈ? ਫਿਰ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਵਿਰਾਮ ਲਓ ਅਤੇ ਪਹਿਲਾਂ ਮੇਰਾ ਭਰਨ ਯੋਗ ਆਉਟਲੁੱਕ ਟੈਂਪਲੇਟਸ ਟਿਊਟੋਰਿਅਲ ਪੜ੍ਹੋ।

ਇਹ ਅਸਲ ਡੇਟਾਸੈਟ ਹੈ ਜੋ ਮੈਂ ਸ਼ੁਰੂ ਵਿੱਚ ਵਰਤਾਂਗਾ ਅਤੇ ਕੁਝ ਅਧਿਆਵਾਂ ਵਿੱਚ ਥੋੜ੍ਹਾ ਸੁਧਾਰ ਕਰਾਂਗਾ:

ਛੂਟ	ਰੰਗ ਕੋਡ
10%	#00B0F0
15 %	#00B050
20%	#FFC000
25%	#4630A0

ਜਦੋਂ ਮੈਨੂੰ ਇਸ ਸਾਰਣੀ ਤੋਂ ਲੋੜੀਂਦਾ ਰੰਗ ਕੋਡ ਮੁੜ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ, ਤਾਂ ਮੈਂ ਹੇਠਾਂ ਦਿੱਤੇ ਮੈਕਰੋ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗਾ:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'color code'}]

ਜਿਵੇਂ ਕਿ ਸਾਡੇ ਕੋਲ ਸਾਰੀਆਂ ਬੁਨਿਆਦੀ ਗੱਲਾਂ ਸ਼ਾਮਲ ਹਨ, ਆਓ ਰੰਗ ਬਦਲਣਾ ਸ਼ੁਰੂ ਕਰੀਏ :)

ਇੱਕ ਦੇ ਬਾਰਡਰ ਰੰਗ ਨੂੰ ਅੱਪਡੇਟ ਕਰੀਏ ਸੈੱਲ

ਇੱਕ ਸਾਰਣੀ ਵਿੱਚ ਇੱਕ ਸੈੱਲ ਦੇ ਬਾਰਡਰਾਂ ਨੂੰ ਰੰਗ ਦੇਣ ਲਈ, ਆਓ ਪਹਿਲਾਂ ਟੈਂਪਲੇਟ ਦੇ HTML ਵਿੱਚ ਇਸਦੀ ਲਾਈਨ ਲੱਭੀਏ ਅਤੇ ਇਸਦੇ ਭਾਗਾਂ 'ਤੇ ਡੂੰਘਾਈ ਨਾਲ ਨਜ਼ਰ ਮਾਰੀਏ:

~%WhatToEnter[{dataset: 'ਛੂਟ ਵਾਲਾ ਡੇਟਾਸੈਟ', ਕਾਲਮ: 'ਛੂਟ', ਸਿਰਲੇਖ: 'ਛੂਟ ਦੀ ਚੋਣ ਕਰੋ'}] ਛੋਟ

• “ ਸ਼ੈਲੀ= ” ਸੈੱਲ ਦੇ ਮੂਲ ਮਾਪਦੰਡਾਂ ਦੇ ਸੈੱਟ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ।
• "ਚੌੜਾਈ: 32%; ਬਾਰਡਰ: 1px ਠੋਸ #aeabab ” ਸੈੱਲ ਦੀ ਅਤੇ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ, ਰੰਗ ਅਤੇ ਸ਼ੈਲੀ ਹਨ।
• “~%WhatToEnter[] ਛੋਟ” ਸੈੱਲ ਦੀ ਸਮੱਗਰੀ ਹੈ।

ਇਸ ਕੋਡ ਲਾਈਨ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਮੈਂ ਇੱਕ ਠੋਸ ਸ਼ੈਲੀ ਦੇ 1px ਸਲੇਟੀ ਕਿਨਾਰਿਆਂ ਵਾਲਾ ਇੱਕ ਸੈੱਲ ਦੇਖਾਂਗਾ। ਜੇਕਰ ਮੈਂ ਇਹਨਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਵੀ ਮਾਪਦੰਡ ਨੂੰ ਬਦਲਦਾ ਹਾਂ, ਤਾਂ ਇਹ ਮੇਰੇ ਟੈਮਪਲੇਟ ਵਿੱਚ ਸਾਰਣੀ ਦੀ ਦਿੱਖ ਨੂੰ ਵਿਗਾੜ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਬਾਰਡਰ ਅਦਿੱਖ ਹੋਣਗੇ (ਹਾਲਾਂਕਿ ਸਭ ਕੁਝ ਪੇਸਟ ਕਰਨ ਤੋਂ ਬਾਅਦ ਬਿਲਕੁਲ ਸਹੀ ਦਿਖਾਈ ਦੇਵੇਗਾ)।

ਮੈਂ ਇੱਕ ਮਿਆਰੀ ਹੋਣਾ ਪਸੰਦ ਕਰਾਂਗਾ। ਇੱਕ ਟੈਂਪਲੇਟ ਵਿੱਚ ਟੇਬਲ ਅਤੇ ਪੇਸਟ ਕਰਨ ਵੇਲੇ ਇਸਨੂੰ ਸੋਧੋ। ਇਸ ਲਈ, ਮੈਂ ਪੈਰਾਮੀਟਰਾਂ ਦੇ ਨਾਲ ਇੱਕ ਨਵਾਂ ਵਿਸ਼ੇਸ਼ਤਾ ਜੋੜਦਾ ਹਾਂ ਜੋ ਪੇਸਟ ਕਰਨ ਵੇਲੇ ਅਸਲ ਗੁਣਾਂ ਨੂੰ ਬਦਲ ਦੇਵੇਗਾ:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select Discount' '}] ਛੋਟ

ਆਓ ਉਪਰੋਕਤ HTML ਲਾਈਨ ਦੀ ਜਾਂਚ ਕਰੀਏ:

• “ style="border : 1px solid #aeabab;" ਪਹਿਲਾ ਗੁਣ ਹੈ। ਇਹ ਸੈੱਲ ਦੇ ਮੂਲ ਹਨਵਿਸ਼ੇਸ਼ਤਾਵਾਂ।
• “ data-set-style= ” ਇੱਕ ਵਿਸ਼ੇਸ਼ ਪੈਰਾਮੀਟਰ ਹੈ ਜੋ ਪੇਸਟ ਕਰਨ ਦੌਰਾਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਲੋੜੀਂਦੇ ਸੈੱਟ ਨਾਲ ਉਪਰੋਕਤ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਬਦਲਣ ਵਿੱਚ ਮੇਰੀ ਮਦਦ ਕਰੇਗਾ।
• “ ਬਾਰਡਰ: 1px ਠੋਸ; ਬਾਰਡਰ-ਰੰਗ: ” ਦੂਜੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਹਿੱਸਾ ਹੈ ਜਿੱਥੇ ਅਸੀਂ ਇੱਕ ਵਿਰਾਮ ਲਵਾਂਗੇ। ਦੇਖੋ, ਸ਼ੁਰੂਆਤ ਮੂਲ ਦੇ ਸਮਾਨ ਹੈ, ਉਹੀ ਬਾਰਡਰ ਚੌੜਾਈ ਅਤੇ ਸ਼ੈਲੀ. ਹਾਲਾਂਕਿ, ਜਦੋਂ ਰੰਗ (ਪੈਰਾਮੀਟਰ ਜੋ ਮੈਂ ਬਦਲਣਾ ਚਾਹੁੰਦਾ ਹਾਂ) ਦੀ ਗੱਲ ਆਉਂਦੀ ਹੈ, ਤਾਂ ਮੈਂ ਇਸਨੂੰ border-color: ਨਾਲ ਬਦਲਦਾ ਹਾਂ ਅਤੇ WhatToEnter ਮੈਕਰੋ ਨੂੰ ਪੇਸਟ ਕਰਦਾ ਹਾਂ। ਇਸ ਲਈ, ਡ੍ਰੌਪਡਾਉਨ ਵਿਕਲਪ 'ਤੇ ਨਿਰਭਰ ਕਰਦੇ ਹੋਏ, ਮੈਕਰੋ ਨੂੰ ਰੰਗ ਕੋਡ ਨਾਲ ਬਦਲ ਦਿੱਤਾ ਜਾਵੇਗਾ ਅਤੇ ਬਾਰਡਰ ਨੂੰ ਦੁਬਾਰਾ ਪੇਂਟ ਕੀਤਾ ਜਾਵੇਗਾ।
• “~%WhatToEnter[] ਛੋਟ” ਅਜੇ ਵੀ ਸੈੱਲ ਦੀ ਸਮੱਗਰੀ ਹੈ ਜੋ ਕਿਸੇ ਬਦਲਾਅ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ।

ਇਸ ਲਈ, ਭਵਿੱਖ ਦੇ ਰੰਗਦਾਰ ਸੈੱਲ ਵਾਲਾ ਪੂਰਾ HTML ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:

ਨਮੂਨਾ ਹੈਡਰ 1

ਨਮੂਨਾ ਹੈਡਰ 2

ਨਮੂਨਾ ਹੈਡਰ 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:' ਛੂਟ',ਸਿਰਲੇਖ:'ਛੂਟ ਦੀ ਚੋਣ ਕਰੋ'}] ਛੋਟ

ਜਦੋਂ ਤੁਸੀਂ ਇਸ ਟੈਮਪਲੇਟ ਨੂੰ ਪੇਸਟ ਕਰਦੇ ਹੋ , ਅੱਪਡੇਟ ਕੀਤੇ ਸੈੱਲ ਦੇ ਬਾਰਡਰ ਨੂੰ ਤੁਰੰਤ ਚੁਣੇ ਗਏ ਰੰਗ ਵਿੱਚ ਰੰਗ ਦਿੱਤਾ ਜਾਵੇਗਾ:

ਪੂਰੀ ਕਤਾਰ ਦੇ ਬਾਰਡਰ ਪੇਂਟ ਕਰੋ

ਆਓ ਹੁਣ ਬਾਰਡਰਾਂ ਨੂੰ ਪੇਂਟ ਕਰੀਏ ਸਾਡੀ ਨਮੂਨਾ ਸਾਰਣੀ ਦੀ ਪੂਰੀ ਕਤਾਰ ਅਤੇ ਦੇਖੋ ਕਿ ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ। ਤਰਕ ਬਿਲਕੁਲ ਉਹੀ ਹੈ ਜਿਵੇਂ ਕਿ ਵਿਚ ਹੈਉਪਰੋਕਤ ਪੈਰਾਗ੍ਰਾਫ ਨੂੰ ਛੱਡ ਕੇ ਤੁਹਾਨੂੰ ਦੂਜੀ ਕਤਾਰ ਦੇ ਸਾਰੇ ਸੈੱਲਾਂ ਨੂੰ ਅਪਡੇਟ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੋਏਗੀ. ਇੱਕ ਵਾਰ ਉਹੀ ਸੋਧਾਂ ਜੋ ਮੈਂ ਉੱਪਰ ਦਿੱਤੀਆਂ ਹਨ, ਪੂਰੀ ਕਤਾਰ 'ਤੇ ਲਾਗੂ ਹੋ ਜਾਣ ਤੋਂ ਬਾਅਦ, ਟੈਂਪਲੇਟ ਨੂੰ ਪੇਸਟ ਕਰਨ ਵੇਲੇ ਇਹ ਇੱਕ ਝਪਕ ਕੇ ਰੰਗਿਆ ਜਾਂਦਾ ਹੈ।

ਜੇਕਰ ਤੁਸੀਂ ਇਸ 'ਤੇ ਇੱਕ ਨਜ਼ਰ ਮਾਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਦੂਜੀ ਕਤਾਰ ਦੇ ਰੰਗ ਦੇ ਨਾਲ ਤਿਆਰ HTML, ਇਹ ਇੱਥੇ ਜਾਂਦਾ ਹੈ:

ਨਮੂਨਾ ਹੈਡਰ 1

ਨਮੂਨਾ ਹੈਡਰ 2

ਨਮੂਨਾ ਹੈਡਰ 3

~%WhatToEnter[{dataset:'Dataset with discount',column:'Discount',title:'Select discount'}] ਛੋਟ

ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਬਦਲੋ

ਹੁਣ ਨਾ ਸਿਰਫ਼ ਬਾਰਡਰ ਰੰਗ ਸਗੋਂ ਇਸਦੀ ਚੌੜਾਈ ਨੂੰ ਵੀ ਅੱਪਡੇਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੀਏ। HTML ਵਿਸ਼ੇਸ਼ਤਾ 'ਤੇ ਇੱਕ ਹੋਰ ਨਜ਼ਰ ਮਾਰੋ ਜੋ ਪੇਸਟ ਕਰਨ ਵੇਲੇ ਮੂਲ ਦੀ ਥਾਂ ਲੈਂਦੀ ਹੈ:

data-set-style="border: 1px solid; Border-color:~%WhatToEnter[{dataset:' ਛੂਟ ਵਾਲਾ ਡੇਟਾਸੈਟ',ਕਾਲਮ:'ਕਲਰ ਕੋਡ'}]">~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] discount

ਦੇਖੋ 1px ਪੈਰਾਮੀਟਰ? ਇਹ ਰੰਗਦਾਰ ਹੋਣ ਵਾਲੀਆਂ ਬਾਰਡਰਾਂ ਦੀ ਚੌੜਾਈ ਹੈ। ਤੁਸੀਂ ਇਸਨੂੰ ਹੱਥੀਂ ਬਦਲ ਸਕਦੇ ਹੋ, ਕਹੋ, 2 ਅਤੇ ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਇਸਨੂੰ ਪੇਸਟ ਕਰ ਲੈਂਦੇ ਹੋ ਤਾਂ ਟੇਬਲ ਬਾਰਡਰ ਚੌੜੇ ਹੋ ਜਾਣਗੇ।

ਹਾਲਾਂਕਿ, ਮੈਂ ਇਸਨੂੰ ਕਿਸੇ ਹੋਰ ਤਰੀਕੇ ਨਾਲ ਕਰਾਂਗਾ। ਮੈਂ ਆਪਣਾ ਡੇਟਾਸੈਟ ਅੱਪਡੇਟ ਕਰਾਂਗਾ ਅਤੇ ਬਾਰਡਰ ਚੌੜਾਈ ਵਾਲਾ ਇੱਕ ਨਵਾਂ ਕਾਲਮ ਜੋੜਾਂਗਾ। ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਇੱਕ ਵਾਰ ਜਦੋਂ ਮੈਂ ਪੇਸਟ ਕਰਨ ਲਈ ਇੱਕ ਮੌਜੂਦਾ ਦਰ ਚੁਣਦਾ ਹਾਂ, ਤਾਂ ਰੰਗ ਅਤੇ ਚੌੜਾਈ ਦੋਵੇਂ ਹੋਣਗੇਅੱਪਡੇਟ ਕੀਤਾ।

ਛੂਟ	ਰੰਗ ਕੋਡ	ਬਾਰਡਰ ਚੌੜਾਈ
10%	#00B0F0	2
15%	#00B050	2.5
20%	#FFC000	3
25%	#4630A0	3.5

ਆਓ ਹੁਣ ਹਰੇਕ ਲਾਈਨ ਦੀ ਦੂਜੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੰਸ਼ੋਧਿਤ ਕਰੀਏ ਅਤੇ 1px ਨੂੰ ਹੇਠਾਂ ਦਿੱਤੇ ਟੈਕਸਟ ਨਾਲ ਬਦਲੀਏ:

ਬਾਰਡਰ-ਚੌੜਾਈ:~%WhatToEnter [{dataset:'Dataset with discounts',column:'Border width'}]

ਫਿਰ ਮੈਂ ਇਸਨੂੰ ਦੂਜੀ ਕਤਾਰ ਦੇ ਸਾਰੇ ਤਿੰਨ ਸੈੱਲਾਂ ਲਈ ਦੁਹਰਾਉਂਦਾ ਹਾਂ ਅਤੇ ਨਤੀਜੇ ਵਿੱਚ ਹੇਠਾਂ ਦਿੱਤਾ HTML ਪ੍ਰਾਪਤ ਕਰਦਾ ਹਾਂ:

ਨਮੂਨਾ ਹੈਡਰ 1

ਨਮੂਨਾ ਹੈਡਰ 2

ਨਮੂਨਾ ਹੈਡਰ 3

~%WhatToEnter[{ ਡੇਟਾਸੈਟ:'ਛੂਟ ਵਾਲਾ ਡੇਟਾਸੈਟ',ਕਾਲਮ:'ਛੂਟ',ਸਿਰਲੇਖ:'ਛੂਟ ਦੀ ਚੋਣ ਕਰੋ'}] ਛੋਟ

ਇੱਕ ਵਾਰ ਜਦੋਂ ਇਹ ਟੈਮਪਲੇਟ ਸੇਵ ਅਤੇ ਪੇਸਟ ਹੋ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਚੌੜੇ ਨੀਲੇ ਬਾਰਡਰ ਇੱਕ ਈਮੇਲ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣਗੇ:

ਸਾਰਣੀ ਵਿੱਚ ਬਾਰਡਰ ਸ਼ੈਲੀ ਨੂੰ ਸੋਧੋ

ਇਸ ਵਿੱਚ ਸੀ.ਐਚ apter ਮੈਂ ਤੁਹਾਡਾ ਧਿਆਨ ਇੱਕ ਹੋਰ ਪੈਰਾਮੀਟਰ - ਸ਼ੈਲੀ ਵੱਲ ਖਿੱਚਣਾ ਚਾਹਾਂਗਾ। ਇਹ ਇੱਕ ਬਾਰਡਰ ਦੀ ਦਿੱਖ ਨੂੰ ਸੰਭਾਲੇਗਾ। ਇਸ ਤੋਂ ਪਹਿਲਾਂ ਕਿ ਮੈਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂ ਕਿ ਇਸਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ, ਮੈਨੂੰ ਆਪਣੇ ਡੇਟਾਸੈਟ 'ਤੇ ਵਾਪਸ ਜਾਣ ਦੀ ਲੋੜ ਪਵੇਗੀ ਅਤੇ ਇਸਨੂੰ ਆਪਣੇ ਮੌਜੂਦਾ ਕੇਸ ਦੇ ਅਨੁਸਾਰ ਸੋਧਣਾ ਪਵੇਗਾ।

ਛੂਟ	ਬਾਰਡਰਸ਼ੈਲੀ
10%	ਡੈਸ਼ਡ
15%	ਡਬਲ
20%	ਡਾਟਡ
25%	ਰਿੱਜ

ਮੈਂ ਹਰੇਕ ਛੂਟ ਦਰ ਨੂੰ ਇੱਕ ਬਾਰਡਰ ਸ਼ੈਲੀ ਨਾਲ ਜੋੜਿਆ ਹੈ ਅਤੇ ਭਵਿੱਖ ਲਈ ਇਸ ਡੇਟਾਸੈਟ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕੀਤਾ ਹੈ। ਮੇਰੇ HTML ਲਈ ਸ਼ੈਲੀ ਨੂੰ ਮੁੜ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਮੈਕਰੋ ਹੇਠਾਂ ਦਿੱਤਾ ਜਾਵੇਗਾ:

~%WhatToEnter[{dataset:"Dataset with discounts", column:"Border style"}]

ਹੁਣ ਮੈਨੂੰ ਅੱਪਡੇਟ ਕਰਨ ਦੀ ਲੋੜ ਪਵੇਗੀ ਕੋਡ ਦੇ ਹੇਠਾਂ ਦਿੱਤੇ ਹਿੱਸੇ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਉੱਪਰ ਦਿੱਤੇ ਮੈਕਰੋ ਦੇ ਨਾਲ ਠੋਸ (ਡਿਫਾਲਟ ਸ਼ੈਲੀ ਜੋ ਮੈਂ ਪਹਿਲਾਂ ਹੀ ਵਰਤ ਰਿਹਾ ਹਾਂ) ਨੂੰ ਬਦਲ ਕੇ ਦੂਜੀ ਕਤਾਰ ਦੇ ਗੁਣ:

data-set-style="border: 1px #aeabab; Border-style: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]

ਇੱਥੇ ਅੰਤਮ HTML ਹੈ:

ਨਮੂਨਾ ਹੈਡਰ 1

ਨਮੂਨਾ ਹੈਡਰ 2

ਨਮੂਨਾ ਹੈਡਰ 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount' ,title:'Select discount'}] discount

ਜੇਕਰ ਤੁਸੀਂ ਇਸ HTML ਨੂੰ ਕਾਪੀ ਕਰਕੇ ਪੇਸਟ ਕਰਦੇ ਹੋ ਤੁਹਾਡੇ ਟੈਂਪਲੇਟਾਂ ਲਈ, ਨਤੀਜਾ ਤੁਹਾਨੂੰ ਇੰਤਜ਼ਾਰ ਨਹੀਂ ਰੱਖੇਗਾ:

ਉਸੇ ਸਮੇਂ ਹਾਈਲਾਈਟਿੰਗ, ਟੈਕਸਟ ਰੰਗ ਅਤੇ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਬਦਲਣ ਲਈ ਕੰਡੀਸ਼ਨਲ ਫਾਰਮੈਟਿੰਗ ਸੈਟ ਅਪ ਕਰੋ

ਅਸੀਂ ਸਭ ਤੋਂ ਵੱਧ ਦਿਲਚਸਪੀਆਂ 'ਤੇ ਪਹੁੰਚ ਗਏ ਹਾਂ ting ਭਾਗ ਜਿਵੇਂ ਕਿ ਮੈਂ ਤੁਹਾਨੂੰ ਇਹ ਦਿਖਾਉਣ ਜਾ ਰਿਹਾ ਹਾਂ ਕਿ ਇੱਕ ਸਮੇਂ ਵਿੱਚ ਕਈ ਸੋਧਾਂ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ। ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਮੈਂ ਉਸ ਡੇਟਾਸੈਟ ਨੂੰ ਅਪਡੇਟ ਕਰਾਂਗਾ ਜਿਸ ਤੋਂ ਮੈਂ ਡੇਟਾ ਪ੍ਰਾਪਤ ਕਰਾਂਗਾ।ਕਿਉਂਕਿ ਮੈਂ ਸੈੱਲਾਂ ਦੀ ਹਾਈਲਾਈਟਿੰਗ, ਟੈਕਸਟ ਰੰਗ ਅਤੇ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਬਦਲਣ ਦਾ ਫੈਸਲਾ ਕੀਤਾ ਹੈ, ਉਹਨਾਂ ਸਾਰੇ ਮਾਪਦੰਡਾਂ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। ਇਸ ਲਈ, ਮੇਰਾ ਨਵਾਂ ਡੇਟਾਸੈਟ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:

ਛੂਟ	ਰੰਗ ਕੋਡ	ਬੈਕਗ੍ਰਾਉਂਡ ਕੋਡ	ਬਾਰਡਰ ਚੌੜਾਈ
10%	#00B0F0	#DEEBF6	2
15 %	#00B050	#E2EFD9	2.5
20%	#FFC000	#FFF2CC	3
25%	#4630A0	#FBE5D5	3.5

ਇਸ ਲਈ, ਜੇਕਰ ਮੈਂ 10% ਚੁਣਦਾ ਹਾਂ, ਤਾਂ ਲੋੜੀਂਦੇ ਟੈਕਸਟ ਨੂੰ ਨੀਲੇ ਰੰਗ ਵਿੱਚ ਪੇਂਟ ਕੀਤਾ ਜਾਵੇਗਾ (# 00B0F0 ), ਚੁਣੇ ਗਏ ਸੈੱਲਾਂ ਦੀ ਪਿੱਠਭੂਮੀ ਵਿੱਚ ਸ਼ੇਡ ਕੀਤਾ ਜਾਵੇਗਾ ਇੱਕ ਹਲਕਾ ਨੀਲਾ ਟੋਨ (# DEEBF6 ) ਅਤੇ ਉਹਨਾਂ ਦੀਆਂ ਬਾਰਡਰਾਂ ਨੂੰ ਦੋ ਵਾਰ ਚੌੜਾ ਕੀਤਾ ਜਾਵੇਗਾ।

ਪਰ ਇਸ ਡੇਟਾਸੈਟ ਨੂੰ ਆਉਟਲੁੱਕ ਟੇਬਲ ਨਾਲ ਕਿਵੇਂ ਕਨੈਕਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਤਾਂ ਜੋ ਇਹ ਫਾਰਮੈਟ ਹੋ ਸਕੇ? ਮੈਂ ਤੁਹਾਨੂੰ 2 ਲੇਖਾਂ ਵਿੱਚ ਇਸ ਕੰਮ ਲਈ ਤਿਆਰ ਕਰ ਰਿਹਾ ਹਾਂ :) ਇੱਥੇ HTML ਹੈ ਜੋ ਸਾਰੀਆਂ ਲੋੜੀਂਦੀਆਂ ਸੋਧਾਂ ਨੂੰ ਸੰਭਾਲੇਗਾ:

ਨਮੂਨਾ ਹੈਡਰ 1

< ਸੈਂਪਲ ਹੈਡਰ 2 ​​

ਨਮੂਨਾ ਹੈਡਰ 3

~%WhatToEnter[{dataset:' ਛੋਟਾਂ ਵਾਲਾ ਡੇਟਾਸੈਟ',ਕਾਲਮ:'ਛੂਟ',ਸਿਰਲੇਖ:'ਛੂਟ ਚੁਣੋ'}] ਛੋਟ

ਆਓ ਹੁਣ ਲਾਗੂ ਕੀਤੀਆਂ ਸਾਰੀਆਂ ਸੋਧਾਂ 'ਤੇ ਇੱਕ ਨਜ਼ਰ ਮਾਰੀਏ:

• ਨਮੂਨਾ ਹੈਡਰ 1 - ਇਹ ਟੁਕੜਾ ਹੈਡਰ ਟੈਕਸਟ ਨੂੰ "ਕਲਰ ਕੋਡ" ਕਾਲਮ ਤੋਂ ਰੰਗ ਵਿੱਚ ਪੇਂਟ ਕਰੇਗਾ। ਜੇ ਤੁਸੀਂ ਮਹਿਸੂਸ ਕਰਦੇ ਹੋਜਿਵੇਂ ਕਿ ਤੁਹਾਨੂੰ ਟੈਕਸਟ ਪੇਂਟਿੰਗ 'ਤੇ ਆਪਣੀ ਮੈਮੋਰੀ ਨੂੰ ਤਾਜ਼ਾ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਮੇਰੇ ਪਿਛਲੇ ਟਿਊਟੋਰਿਅਲ ਦੇ ਟੇਬਲ ਚੈਪਟਰ ਵਿੱਚ ਟੈਕਸਟ ਦਾ ਫੌਂਟ ਰੰਗ ਬਦਲੋ ਵੇਖੋ।
• data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'background code',title:'select discount'}] - ਇਹ ਹਿੱਸਾ ਬੈਕਗਰਾਊਂਡ ਕਲਰ ਨੂੰ ਅੱਪਡੇਟ ਕਰਦਾ ਹੈ, ਡਾਟਾਸੈਟ ਦੇ ਬੈਕਗ੍ਰਾਊਂਡ ਕੋਡ ਕਾਲਮ ਤੋਂ ਇਸਦਾ ਕੋਡ ਲੈ ਕੇ। ਜੇਕਰ ਤੁਸੀਂ ਮਹਿਸੂਸ ਕਰਦੇ ਹੋ ਕਿ ਤੁਹਾਨੂੰ ਇਸ ਕੇਸ ਦੇ ਵਧੇਰੇ ਵਿਸਤ੍ਰਿਤ ਵਰਣਨ ਦੀ ਲੋੜ ਹੈ ਤਾਂ ਹਾਈਲਾਈਟ ਸੈੱਲ ਟਿਊਟੋਰਿਅਲ ਨੂੰ ਦੇਖਣ ਲਈ ਸੁਤੰਤਰ ਮਹਿਸੂਸ ਕਰੋ।
• data-set-style="border: solid #aeabab; Border-width:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] – ਇਸ HTML ਲਾਈਨ ਦੇ ਨਾਲ ਬਾਰਡਰ ਦੀ ਚੌੜਾਈ ਨੂੰ ਬਾਰਡਰ ਚੌੜਾਈ ਵਿੱਚ ਦਰਸਾਏ ਗਏ ਵਿੱਚ ਬਦਲ ਦਿੱਤਾ ਜਾਵੇਗਾ। ਮੈਂ ਇਸ ਨੂੰ ਪਹਿਲਾਂ ਹੀ ਕਵਰ ਕਰ ਲਿਆ ਹੈ, ਜੇਕਰ ਤੁਸੀਂ ਕੁਝ ਖੁੰਝ ਗਏ ਹੋ ਤਾਂ ਤੁਸੀਂ ਦੇਖ ਸਕਦੇ ਹੋ।

ਜਦੋਂ ਮੈਂ ਉਹਨਾਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਨਾਲ ਇੱਕ ਟੈਂਪਲੇਟ ਪੇਸਟ ਕਰਦਾ ਹਾਂ, ਤਾਂ ਨਤੀਜਾ ਮੈਨੂੰ ਉਡੀਕ ਨਹੀਂ ਕਰੇਗਾ:

ਇਸ ਵਿਸ਼ੇ ਨੂੰ ਬੰਦ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਨੋਟ ਹੈ ਜੋ ਮੈਂ ਬਣਾਉਣਾ ਚਾਹਾਂਗਾ। ਜਦੋਂ ਮੈਂ ਟੇਬਲਾਂ ਵਿੱਚ ਬਾਰਡਰ ਕਲਰਿੰਗ ਦੀ ਜਾਂਚ ਕਰ ਰਿਹਾ ਸੀ ਤਾਂ ਮੈਨੂੰ ਆਉਟਲੁੱਕ ਦੇ ਔਨਲਾਈਨ ਅਤੇ ਡੈਸਕਟੌਪ ਸੰਸਕਰਣਾਂ ਵਿੱਚ ਬਾਰਡਰਾਂ ਦੇ ਕਾਫ਼ੀ ਅਸਪਸ਼ਟ ਵਿਵਹਾਰ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ ਪਿਆ। ਥੋੜਾ ਜਿਹਾ ਉਲਝਣ ਵਿੱਚ ਹੋਣ ਕਰਕੇ, ਮੈਂ ਸਪਸ਼ਟੀਕਰਨ ਲਈ ਸਾਡੇ ਡਿਵੈਲਪਰਾਂ ਤੱਕ ਪਹੁੰਚਿਆ। ਉਹਨਾਂ ਨੂੰ ਪਤਾ ਲੱਗਾ ਕਿ ਵੱਖ-ਵੱਖ ਆਉਟਲੁੱਕ ਕਲਾਇੰਟ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਨਾਲ ਟੇਬਲ ਰੈਂਡਰ ਕਰਦੇ ਹਨ ਅਤੇ ਅਜਿਹੇ ਵਿਵਹਾਰ ਦਾ ਕਾਰਨ Outlook ਵਿੱਚ ਇੱਕ ਬੱਗ ਹੈ।

ਸਾਡੀ ਟੀਮ ਨੇ ਇਸ ਮੁੱਦੇ ਦੀ ਰਿਪੋਰਟ