ഔട്ട്‌ലുക്കിലെ പട്ടികയുടെ ബോർഡറുകളിൽ സോപാധിക ഫോർമാറ്റിംഗ് എങ്ങനെ പ്രയോഗിക്കാമെന്ന് ഈ ലേഖനത്തിൽ നിങ്ങൾ കാണും. അവയുടെ നിറവും വീതിയും ശൈലിയും എങ്ങനെ മാറ്റാമെന്ന് ഞാൻ കാണിച്ചുതരാം. അപ്പോൾ ഒരേ സമയം നിരവധി പരിഷ്‌ക്കരണങ്ങൾ വരുത്താനും നിങ്ങളുടെ ഔട്ട്‌ലുക്ക് ടേബിളിന് വ്യത്യസ്ത രീതികളിൽ നിറം നൽകാനും ഞാൻ നിങ്ങളെ പഠിപ്പിക്കും.

ആദ്യം, ഈ ബ്ലോഗ് പുതുമുഖങ്ങൾക്കായി ഒരു ചെറിയ തലക്കുറിപ്പ് ഉണ്ടാക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ഇന്ന് നമ്മൾ ടെംപ്ലേറ്റുകളിലെ സോപാധിക ഫോർമാറ്റിംഗിനെക്കുറിച്ച് സംസാരിക്കും, Outlook-നായി ഞങ്ങളുടെ പങ്കിട്ട ഇമെയിൽ ടെംപ്ലേറ്റുകൾ ആഡ്-ഇൻ ഉപയോഗിച്ച് അവ എങ്ങനെ ശരിയായി സജ്ജീകരിക്കാമെന്ന് ഞാൻ കാണിച്ചുതരാം. നിങ്ങളുടെ ഇമെയിലുകളിൽ മുൻകൂട്ടി സംരക്ഷിച്ചിരിക്കുന്ന പൂർണ്ണമായി ഫോർമാറ്റ് ചെയ്‌ത ടെംപ്ലേറ്റുകൾ ഒട്ടിക്കാനും നിങ്ങളുടെ കത്തിടപാടുകൾ കുറച്ച് ക്ലിക്കുകളിലൂടെ ചുരുക്കാനും ഈ ടൂൾ നിങ്ങളെ സഹായിക്കും.

ഔട്ട്‌ലുക്ക് ടേബിൾസ് ട്യൂട്ടോറിയലിൽ എന്റെ സോപാധിക ഫോർമാറ്റിംഗ് നിങ്ങൾ ഇതിനകം വായിച്ചിട്ടുണ്ടെങ്കിൽ, നിങ്ങൾക്കറിയാം. സെല്ലുകളുടെ ഉള്ളടക്കവും പശ്ചാത്തല നിറവും എങ്ങനെ മാറ്റാം. എന്നിരുന്നാലും, നിങ്ങളുടെ ഔട്ട്‌ലുക്ക് ടേബിൾ തെളിച്ചമുള്ളതാക്കാൻ നിങ്ങൾക്ക് ചെയ്യാൻ കഴിയുന്നതെല്ലാം അതല്ല. നിങ്ങളുടെ ടേബിളിന്റെ ബോർഡറുകൾക്ക് സോപാധികമായി നിറം നൽകാനും അവയുടെ വീതിയും ശൈലിയും പരിഷ്‌ക്കരിക്കാനുമുള്ള വഴികൾ ഇന്ന് ഞാൻ നിങ്ങൾക്ക് കാണിച്ചുതരാം.

കൂടാതെ, അവസാന അധ്യായത്തിൽ ഒരു ചെറിയ ബോണസ് നിങ്ങളെ കാത്തിരിക്കുന്നു. അതേ സമയം, നിങ്ങളുടെ മേശ ജൂലൈ 4-ന് പടക്കങ്ങൾ പോലെ വർണ്ണാഭമായതും തിളക്കമുള്ളതുമാക്കുക ;)

സെല്ലുകളുടെ ബോർഡറുകളുടെ നിറം മാറ്റുക

ബോർഡറുകളുടെ പെയിന്റിംഗ് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് നിങ്ങളെ കാണിക്കാൻ, കഴിഞ്ഞ ആഴ്‌ചയിലെ ട്യൂട്ടോറിയലിൽ നിന്നുള്ള സമാന സാമ്പിളുകൾ ഞാൻ ഉപയോഗിക്കും. കേസ് ഇനിപ്പറയുന്നതാണ്: ഞാൻ ഒട്ടിക്കുന്നു എമൈക്രോസോഫ്റ്റ് ടീം, ഈ GitHub സംഭാഷണത്തിൽ അവരുടെ പ്രതികരണം പരിശോധിക്കാൻ മടിക്കേണ്ടതില്ല :)

അവസാന കുറിപ്പ്

ഔട്ട്‌ലുക്കിലെ ഒരു പട്ടിക പ്ലെയിൻ ഉള്ള കറുത്ത ബോർഡറുകളല്ലെന്ന് നിങ്ങളെ ബോധ്യപ്പെടുത്താൻ എനിക്ക് കഴിഞ്ഞുവെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു. വാചകം. മെച്ചപ്പെടുത്തലിനും സർഗ്ഗാത്മകതയ്ക്കും ധാരാളം ഇടമുണ്ട് :)

നിങ്ങൾ സ്വന്തമായി കുറച്ച് പെയിന്റിംഗ് പരീക്ഷണങ്ങൾ നടത്താൻ തീരുമാനിക്കുമ്പോൾ, Microsoft Store-ൽ നിന്ന് പങ്കിട്ട ഇമെയിൽ ടെംപ്ലേറ്റുകൾ ഇൻസ്റ്റാൾ ചെയ്ത് ആസ്വദിക്കൂ!

ഉണ്ടെങ്കിൽ ഔട്ട്‌ലുക്ക് ടേബിളുകളിലെ സോപാധിക ഫോർമാറ്റിംഗ് സംബന്ധിച്ച് നിങ്ങളുടെ ചോദ്യങ്ങൾക്ക് എന്തെങ്കിലും സഹായം ആവശ്യമാണ്, അഭിപ്രായ വിഭാഗത്തിൽ കുറച്ച് വാക്കുകൾ ഇടുക, ഞങ്ങൾ അത് കണ്ടെത്തും ;)

ടെംപ്ലേറ്റ് ചെയ്ത് പട്ടിക പൂരിപ്പിക്കുന്നതിന് കിഴിവ് നിരക്ക് തിരഞ്ഞെടുക്കുക. എന്റെ തിരഞ്ഞെടുപ്പിനെ ആശ്രയിച്ച്, സെല്ലിന്റെ ബോർഡറുകൾ പ്രത്യേക നിറത്തിൽ നിറമായിരിക്കും.

ഇന്ന് ഞാൻ കളർ ചെയ്യുന്ന ടേബിൾ ചുവടെയുള്ളതായിരിക്കും:

സാമ്പിൾ ഹെഡർ 1	സാമ്പിൾ ഹെഡർ 2	സാമ്പിൾ ഹെഡർ 3
~%WhatToEnter[ {dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്', കോളം:' ഡിസ്കൗണ്ട്', ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'} ] കിഴിവ്

ടെംപ്ലേറ്റുകളുടെ HTML-ൽ സോപാധിക ഫോർമാറ്റിംഗ് കൈകാര്യം ചെയ്യുന്നതിനാൽ, നമുക്ക് ആദ്യം ഈ പട്ടികയുടെ HTML കോഡ് തുറക്കുക:

1. താൽപ്പര്യമുള്ള ടെംപ്ലേറ്റ് തുറന്ന് എഡിറ്റ് :

   

2. കണ്ടെത്തുക <1 ടെംപ്ലേറ്റിന്റെ ടൂൾബാറിലെ HTML ഐക്കൺ ( ) കാണുക:

   

3. ഒന്നിലധികം തവണ പരിഷ്‌ക്കരിക്കപ്പെടുന്ന യഥാർത്ഥ HTML കാണുക:

   

നിറങ്ങളെക്കുറിച്ചും കിഴിവ് നിരക്കുകളുമായുള്ള അവയുടെ ബന്ധത്തെക്കുറിച്ചും നിങ്ങൾ ആശ്ചര്യപ്പെടുന്നുവെങ്കിൽ, ഞാൻ നിങ്ങൾക്ക് ഒരു സൂചന തരാം :) ഡാറ്റാസെറ്റ്! അതെന്താണെന്ന് അറിയില്ലേ? പിന്നീട് ഒരു ചെറിയ ഇടവേള എടുത്ത് ആദ്യം എന്റെ Fillable Outlook ടെംപ്ലേറ്റുകൾ ട്യൂട്ടോറിയൽ വായിക്കുക.

ഞാൻ ആദ്യം ഉപയോഗിക്കുന്ന യഥാർത്ഥ ഡാറ്റാസെറ്റ് ഇതാ, കുറച്ച് അധ്യായങ്ങളിൽ കുറച്ച് മെച്ചപ്പെടുത്തും:

കിഴിവ്	കളർ കോഡ്
10%	#00B0F0
15 %	#00B050
20%	#FFC000
25%	#4630A0

ഈ പട്ടികയിൽ നിന്ന് എനിക്ക് ആവശ്യമായ കളർ കോഡ് വീണ്ടെടുക്കേണ്ടിവരുമ്പോൾ, ഞാൻ ഇനിപ്പറയുന്ന മാക്രോ ഉപയോഗിക്കും:

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

എല്ലാ അടിസ്ഥാന കാര്യങ്ങളും ഉൾപ്പെടുത്തിയിരിക്കുന്നതിനാൽ, നമുക്ക് നിറങ്ങൾ മാറ്റാൻ തുടങ്ങാം :)

ഒന്നിന്റെ ബോർഡർ നിറം അപ്‌ഡേറ്റ് ചെയ്യുക സെൽ

ഒരു ടേബിളിലെ ഒരൊറ്റ സെല്ലിന്റെ ബോർഡറുകൾക്ക് നിറം നൽകുന്നതിന്, നമുക്ക് ആദ്യം ടെംപ്ലേറ്റിന്റെ HTML-ൽ അതിന്റെ ലൈൻ കണ്ടെത്താം, അതിന്റെ ഘടകങ്ങളെ സൂക്ഷ്മമായി പരിശോധിക്കാം:

~%WhatToEnter[{dataset: 'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്', കോളം: 'ഡിസ്‌കൗണ്ട്', ശീർഷകം: 'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] കിഴിവ്

• “ style= ” എന്നത് ഒരു സെല്ലിന്റെ അടിസ്ഥാന പാരാമീറ്ററുകളുടെ കൂട്ടത്തെ പ്രതിനിധീകരിക്കുന്നു.
• “വീതി: 32%; ബോർഡർ: 1px solid #aeabab ” എന്നത് സെല്ലിന്റെയും ബോർഡറിന്റെയും വീതിയും നിറവും ശൈലിയുമാണ്.
• “~%WhatToEnter[] കിഴിവ്” ആണ് സെല്ലിന്റെ ഉള്ളടക്കം.

ഈ കോഡ് ലൈൻ അർത്ഥമാക്കുന്നത് സോളിഡ് സ്റ്റൈലിന്റെ 1px ഗ്രേ ബോർഡറുകളുള്ള ഒരു സെൽ ഞാൻ കാണുമെന്നാണ്. ഞാൻ ആ പാരാമീറ്ററുകളിൽ ഏതെങ്കിലും മാറ്റിസ്ഥാപിക്കുകയാണെങ്കിൽ, അത് എന്റെ ടെംപ്ലേറ്റിലെ പട്ടികയുടെ രൂപഭാവത്തെ കേടാക്കിയേക്കാം, അതായത് ബോർഡറുകൾ അദൃശ്യമായിരിക്കും (ഒട്ടിച്ചതിന് ശേഷം എല്ലാം നന്നായി കാണപ്പെടുമെങ്കിലും).

ഒരു സ്റ്റാൻഡേർഡ് ഉണ്ടായിരിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. ഒരു ടെംപ്ലേറ്റിലെ പട്ടിക, ഒട്ടിക്കുമ്പോൾ അത് പരിഷ്ക്കരിക്കുക. അതിനാൽ, ഒട്ടിക്കുമ്പോൾ ഒറിജിനൽ ആട്രിബ്യൂട്ട് മാറ്റിസ്ഥാപിക്കുന്ന പാരാമീറ്ററുകൾക്കൊപ്പം ഞാൻ ഒരു പുതിയ ആട്രിബ്യൂട്ട് ചേർക്കുന്നു:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'ഡിസ്കൗണ്ട് തിരഞ്ഞെടുക്കുക '}] കിഴിവ്

നമുക്ക് മുകളിലെ HTML ലൈൻ പരിശോധിക്കാം:

• “ style="border : 1px solid #aeabab;" ആദ്യ ഗുണമാണ്. അവയാണ് സെല്ലിന്റെ ഒറിജിനൽസ്വഭാവസവിശേഷതകൾ.
• “ data-set-style= ” എന്നത് ഒരു പ്രത്യേക പാരാമീറ്ററാണ്, അത് ഒട്ടിക്കുന്ന സമയത്ത് ആവശ്യമായ പ്രോപ്പർട്ടികളുടെ കൂട്ടം ഉപയോഗിച്ച് മുകളിലെ ആട്രിബ്യൂട്ട് മാറ്റിസ്ഥാപിക്കാൻ എന്നെ സഹായിക്കും.
• " ബോർഡർ:1px സോളിഡ്; border-color: " എന്നത് രണ്ടാമത്തെ ആട്രിബ്യൂട്ടിന്റെ ഭാഗമാണ്, അവിടെ ഞങ്ങൾ താൽക്കാലികമായി നിർത്തും. നോക്കൂ, തുടക്കം യഥാർത്ഥമായതിന് സമാനമാണ്, അതേ അതിർത്തി വീതിയും ശൈലിയും. എന്നിരുന്നാലും, നിറത്തിലേക്ക് വരുമ്പോൾ (ഞാൻ മാറ്റാൻ ആഗ്രഹിക്കുന്ന പാരാമീറ്റർ), ഞാൻ അത് ബോർഡർ-കളർ: ഉപയോഗിച്ച് മാറ്റി WhatToEnter മാക്രോ ഒട്ടിക്കുക. അതിനാൽ, ഡ്രോപ്പ്‌ഡൗൺ ചോയ്‌സ് അനുസരിച്ച്, മാക്രോയ്‌ക്ക് പകരം കളർ കോഡ് നൽകുകയും ബോർഡർ വീണ്ടും പെയിന്റ് ചെയ്യുകയും ചെയ്യും.
• “~%WhatToEnter[] ഡിസ്‌കൗണ്ട്” ഇപ്പോഴും സെല്ലിന്റെ ഉള്ളടക്കമാണ് മാറ്റങ്ങളൊന്നും ആവശ്യമില്ല.

അതിനാൽ, ഭാവി നിറമുള്ള സെല്ലുള്ള മുഴുവൻ HTML ഇതുപോലെ കാണപ്പെടും:

സാമ്പിൾ ഹെഡർ 1

സാമ്പിൾ ഹെഡർ 2

സാമ്പിൾ ഹെഡർ 3

~%WhatToEnter[{dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',നിര:' ഡിസ്കൗണ്ട്',ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] കിഴിവ്

നിങ്ങൾ ഈ ടെംപ്ലേറ്റ് ഒട്ടിക്കുമ്പോൾ , അപ്‌ഡേറ്റ് ചെയ്‌ത സെല്ലിന്റെ ബോർഡർ തിരഞ്ഞെടുത്ത നിറത്തിൽ ഉടനടി നിറം നൽകും:

മുഴുവൻ വരിയുടെയും ബോർഡറുകൾ പെയിന്റ് ചെയ്യുക

ഇനി നമുക്ക് ബോർഡറുകൾ വരയ്ക്കാം ഞങ്ങളുടെ സാമ്പിൾ പട്ടികയുടെ മുഴുവൻ നിരയും അത് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് കാണുക. ലോജിക്ക് തികച്ചും സമാനമാണ്രണ്ടാമത്തെ വരിയിലെ എല്ലാ സെല്ലുകളും നിങ്ങൾ അപ്‌ഡേറ്റ് ചെയ്യേണ്ടതുണ്ട് എന്നതൊഴിച്ചാൽ മുകളിലുള്ള ഖണ്ഡിക. ഞാൻ മുകളിൽ വിവരിച്ച അതേ പരിഷ്‌ക്കരണങ്ങൾ മുഴുവൻ വരിയിലും പ്രയോഗിച്ചുകഴിഞ്ഞാൽ, ടെംപ്ലേറ്റ് ഒട്ടിക്കുമ്പോൾ അത് ഒരു കണ്ണിറുക്കലിൽ പെയിന്റ് ചെയ്യപ്പെടും.

നിങ്ങൾക്ക് ഒന്ന് നോക്കണമെങ്കിൽ രണ്ടാമത്തെ വരി കളറിംഗുള്ള റെഡി എച്ച്ടിഎംഎൽ, ഇവിടെ പോകുന്നു:

3>

സാമ്പിൾ ഹെഡർ 1

സാമ്പിൾ ഹെഡർ 2

സാമ്പിൾ ഹെഡർ 3

~%WhatToEnter[{dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',നിര:'ഡിസ്‌കൗണ്ട്',ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] കിഴിവ്

ബോർഡർ വീതി മാറ്റുക

ഇനി നമുക്ക് ബോർഡർ നിറം മാത്രമല്ല അതിന്റെ വീതിയും അപ്‌ഡേറ്റ് ചെയ്യാൻ ശ്രമിക്കാം. ഒട്ടിക്കുമ്പോൾ ഒറിജിനൽ ആട്രിബ്യൂട്ട് മാറ്റിസ്ഥാപിക്കുന്ന HTML ആട്രിബ്യൂട്ട് ഒന്നു കൂടി നോക്കുക:

data-set-style="border: 1 px solid; border-color:~%WhatToEnter[{dataset:' ഡിസ്കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',നിര:'കളർ കോഡ്'}]">~%WhatToEnter[{dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',column:'ഡിസ്‌കൗണ്ട്',ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] ഡിസ്‌കൗണ്ട്

<കാണുക 1px പരാമീറ്റർ? വർണ്ണിക്കേണ്ട ബോർഡറുകളുടെ വീതി ഇതാണ്. നിങ്ങൾക്ക് ഇത് സ്വമേധയാ മാറ്റാം, പറയുക, 2, നിങ്ങൾ ഇത് ഒട്ടിച്ചുകഴിഞ്ഞാൽ ടേബിൾ ബോർഡറുകൾ വിശാലമാകും.

എന്നിരുന്നാലും, ഞാൻ ഇത് മറ്റൊരു രീതിയിൽ ചെയ്യും. ഞാൻ എന്റെ ഡാറ്റാസെറ്റ് അപ്‌ഡേറ്റ് ചെയ്യുകയും ബോർഡറുകളുടെ വീതിയുള്ള ഒരു പുതിയ കോളം ചേർക്കുകയും ചെയ്യും. ഈ സാഹചര്യത്തിൽ, ഒട്ടിക്കാൻ ഞാൻ നിലവിലെ നിരക്ക് തിരഞ്ഞെടുത്തുകഴിഞ്ഞാൽ, നിറവും വീതിയും ആയിരിക്കുംഅപ്ഡേറ്റ് ചെയ്തു.

കിഴിവ്	കളർ കോഡ്	ബോർഡർ വീതി
10%	#00B0F0	2
15%	#00B050	2.5
20%	#FFC000	3
25%	#4630A0	3.5

ഇനി നമുക്ക് ഓരോ വരിയുടെയും രണ്ടാമത്തെ ആട്രിബ്യൂട്ട് പരിഷ്‌ക്കരിച്ച് 1px എന്നതിന് പകരം ഇനിപ്പറയുന്ന വാചകം:

ബോർഡർ വീതി:~%WhatToEnter [{dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',column:'Border width'}]

പിന്നെ ഞാൻ രണ്ടാമത്തെ വരിയിലെ മൂന്ന് സെല്ലുകൾക്കും ഇത് ആവർത്തിക്കുകയും ഫലത്തിൽ ഇനിപ്പറയുന്ന HTML നേടുകയും ചെയ്യുന്നു:

സാമ്പിൾ ഹെഡർ 1

സാമ്പിൾ ഹെഡർ 2

സാമ്പിൾ ഹെഡർ 3

~%WhatToEnter[{ ഡാറ്റാസെറ്റ്:'കിഴിവുകളുള്ള ഡാറ്റാസെറ്റ്',നിര:'കിഴിവ്',ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] കിഴിവ്

ഈ ടെംപ്ലേറ്റ് സംരക്ഷിച്ച് ഒട്ടിച്ചുകഴിഞ്ഞാൽ, വിശാലമാക്കുന്ന നീല ബോർഡറുകൾ ഒരു ഇമെയിലിൽ ദൃശ്യമാകും:

ഒരു പട്ടികയിൽ ബോർഡറുകളുടെ ശൈലി പരിഷ്‌ക്കരിക്കുക

ഇതിൽ ch apter മറ്റൊരു പാരാമീറ്ററിലേക്ക് നിങ്ങളുടെ ശ്രദ്ധ ആകർഷിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നു - ശൈലി. ഇത് അതിർത്തികളുടെ രൂപം കൈകാര്യം ചെയ്യും. ഇത് എങ്ങനെ ശരിയായി പ്രയോഗിക്കാമെന്ന് ഞാൻ നിങ്ങളെ കാണിക്കുന്നതിന് മുമ്പ്, എനിക്ക് എന്റെ ഡാറ്റാസെറ്റിലേക്ക് മടങ്ങിയെത്തി എന്റെ നിലവിലെ സാഹചര്യത്തിന് അനുസൃതമായി അത് പരിഷ്‌ക്കരിക്കേണ്ടതുണ്ട്.

ഇളവ്	ബോർഡർശൈലി
10%	ഡാഷഡ്
15%	ഇരട്ട
20%	ഡോട്ടഡ്
25%	റിഡ്ജ്

ഞാൻ ഓരോ കിഴിവ് നിരക്കും ഒരു ബോർഡർ ശൈലിയുമായി ബന്ധപ്പെടുത്തുകയും ഭാവിയിൽ ഈ ഡാറ്റാസെറ്റ് സംരക്ഷിക്കുകയും ചെയ്തു. എന്റെ HTML-നുള്ള സ്‌റ്റൈൽ വീണ്ടെടുക്കുന്നതിനുള്ള മാക്രോ ചുവടെയുള്ള ഒന്നായിരിക്കും:

~%WhatToEnter[{dataset:"ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്",നിര:"ബോർഡർ ശൈലി"}]

ഇപ്പോൾ എനിക്ക് ഇത് അപ്‌ഡേറ്റ് ചെയ്യേണ്ടതുണ്ട് ഇനിപ്പറയുന്ന കോഡ് ലഭിക്കുന്നതിന് സോളിഡ് (ഞാൻ എല്ലായ്‌പ്പോഴും ഉപയോഗിക്കുന്ന സ്ഥിരസ്ഥിതി ശൈലി) മാക്രോ ഉപയോഗിച്ച് രണ്ടാം നിരയുടെ ആട്രിബ്യൂട്ടുകൾ മാറ്റിസ്ഥാപിക്കുക:

data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'ഡിസ്കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',column:'Border style'}]

അവസാന HTML ഇതാ:

<13

സാമ്പിൾ ഹെഡർ 1

സാമ്പിൾ ഹെഡർ 2

0> സാമ്പിൾ ഹെഡർ 3

~%WhatToEnter[{dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',നിര:'ഡിസ്‌കൗണ്ട്' ,ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] കിഴിവ്

നിങ്ങൾ ഈ HTML പകർത്തി ഒട്ടിച്ചാൽ നിങ്ങളുടെ ടെംപ്ലേറ്റുകളിലേക്ക്, ഫലം നിങ്ങളെ കാത്തിരിക്കില്ല:

ഒരേ സമയം ഹൈലൈറ്റിംഗ്, ടെക്‌സ്‌റ്റ് വർണ്ണം, ബോർഡറുകളുടെ വീതി എന്നിവ മാറ്റാൻ സോപാധിക ഫോർമാറ്റിംഗ് സജ്ജീകരിക്കുക

0>ഞങ്ങൾ ഏറ്റവും കൂടുതൽ താൽപ്പര്യങ്ങളിൽ എത്തിയിരിക്കുന്നു ഒരേ സമയം ഒന്നിലധികം പരിഷ്‌ക്കരണങ്ങൾ എങ്ങനെ പ്രയോഗിക്കാമെന്ന് ഞാൻ നിങ്ങളെ കാണിക്കാൻ പോകുകയാണ്. ആദ്യം, ഞാൻ ഡാറ്റാസെറ്റ് അപ്ഡേറ്റ് ചെയ്യും, ഞാൻ ഡാറ്റ വീണ്ടെടുക്കും.സെല്ലുകളുടെ ഹൈലൈറ്റിംഗ്, ടെക്‌സ്‌റ്റ് വർണ്ണം, ബോർഡറുകളുടെ വീതി എന്നിവ മാറ്റാൻ ഞാൻ തീരുമാനിച്ചതിനാൽ, ആ പാരാമീറ്ററുകളെല്ലാം വ്യക്തമാക്കേണ്ടതുണ്ട്. അതിനാൽ, എന്റെ പുതിയ ഡാറ്റാസെറ്റ് ഇതുപോലെ കാണപ്പെടും:

ഡിസ്കൗണ്ട്	വർണ്ണ കോഡ്	പശ്ചാത്തല കോഡ്	ബോർഡർ വീതി
10%	#00B0F0	#DEEBF6	2
15 %	#00B050	#E2EFD9	2.5
20%	#FFC000	#FFF2CC	3
25%	#4630A0	#FBE5D5	3.5<11

അതിനാൽ, ഞാൻ 10% തിരഞ്ഞെടുക്കുകയാണെങ്കിൽ, ആവശ്യമായ ടെക്‌സ്‌റ്റ് നീല നിറത്തിൽ (# 00B0F0 ) വരയ്‌ക്കും, തിരഞ്ഞെടുത്ത സെല്ലുകളുടെ പശ്ചാത്തലം ഇതിൽ ഷേഡ് ചെയ്യപ്പെടും ഒരു ഇളം നീല ടോണും (# DEEBF6 ) അവയുടെ ബോർഡറുകളും രണ്ടുതവണ വിശാലമാക്കും.

എന്നാൽ ഈ ഡാറ്റാസെറ്റ് ഒരു ഔട്ട്‌ലുക്ക് ടേബിളിലേക്ക് എങ്ങനെ കണക്ട് ചെയ്യാം, അങ്ങനെ അത് ഫോർമാറ്റ് ചെയ്യപ്പെടും? ഈ ടാസ്‌ക്കിനായി ഞാൻ നിങ്ങളെ 2 ലേഖനങ്ങളിൽ തയ്യാറാക്കിക്കൊണ്ടിരിക്കുകയാണ് :) ആവശ്യമായ എല്ലാ പരിഷ്‌ക്കരണങ്ങളും കൈകാര്യം ചെയ്യുന്ന HTML ഇതാ:

സാമ്പിൾ ഹെഡർ 1

< മാതൃകാ തലക്കെട്ട് 2

സാമ്പിൾ ഹെഡർ 3

~%WhatToEnter[{dataset:' ഡിസ്കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',നിര:'കിഴിവ്',ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] കിഴിവ്

ഇപ്പോൾ പ്രയോഗിച്ച എല്ലാ പരിഷ്‌ക്കരണങ്ങളും നോക്കാം:

• സാമ്പിൾ ഹെഡർ 1 - ഈ ഭാഗം "കളർ കോഡ്" കോളത്തിൽ നിന്ന് ഹെഡർ ടെക്‌സ്‌റ്റ് വർണ്ണത്തിൽ വരയ്ക്കും. നിങ്ങൾക്ക് തോന്നുന്ന സാഹചര്യത്തിൽടെക്‌സ്‌റ്റ് പെയിന്റിംഗിൽ നിങ്ങളുടെ മെമ്മറി പുതുക്കേണ്ടതുപോലെ, എന്റെ മുൻ ട്യൂട്ടോറിയലിന്റെ ടേബിൾ അധ്യായത്തിലെ വാചകത്തിന്റെ ഫോണ്ട് നിറം മാറ്റുക എന്നത് റഫർ ചെയ്യുക.
• data-set-style="background-color:~%WhatToEnter[ {dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',നിര:'പശ്ചാത്തല കോഡ്',ശീർഷകം:'കിഴിവ് തിരഞ്ഞെടുക്കുക'}] - ഈ ഭാഗം ഡാറ്റാസെറ്റിന്റെ പശ്ചാത്തല കോഡ് കോളത്തിൽ നിന്ന് കോഡ് എടുത്ത് പശ്ചാത്തല നിറം അപ്‌ഡേറ്റ് ചെയ്യുന്നു. ഈ കേസിന്റെ കൂടുതൽ വിശദമായ വിവരണം നിങ്ങൾക്ക് ആവശ്യമാണെന്ന് തോന്നുകയാണെങ്കിൽ, ഹൈലൈറ്റ് സെല്ലുകളുടെ ട്യൂട്ടോറിയൽ നോക്കാൻ മടിക്കേണ്ടതില്ല.
• data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'ഡിസ്‌കൗണ്ടുകളുള്ള ഡാറ്റാസെറ്റ്',column:'Border width'}] – ഈ HTML ലൈൻ ഉപയോഗിച്ച് ബോർഡറുകളുടെ വീതി ബോർഡർ വീതി -ൽ വ്യക്തമാക്കിയിരിക്കുന്നതിലേക്ക് മാറ്റും. ഞാൻ ഇത് നേരത്തെ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്, നിങ്ങൾക്ക് എന്തെങ്കിലും നഷ്‌ടമായ സാഹചര്യത്തിൽ നിങ്ങൾ ഒന്ന് നോക്കൂ.

ആ ആട്രിബ്യൂട്ടുകൾ ചേർത്തുകൊണ്ട് ഞാൻ ഒരു ടെംപ്ലേറ്റ് ഒട്ടിച്ചാൽ, ഫലം എന്നെ കാത്തിരിക്കില്ല:<3

ഈ വിഷയം അവസാനിപ്പിക്കുന്നതിന് മുമ്പ് ഞാൻ ഒരു ചെറിയ കുറിപ്പ് എഴുതാൻ ആഗ്രഹിക്കുന്നു. ടേബിളുകളിൽ ബോർഡറുകളുടെ കളറിംഗ് പരീക്ഷിക്കുമ്പോൾ ഔട്ട്‌ലുക്കിന്റെ ഓൺലൈൻ, ഡെസ്‌ക്‌ടോപ്പ് പതിപ്പുകളിലെ ബോർഡറുകളുടെ അവ്യക്തമായ പെരുമാറ്റം ഞാൻ നേരിട്ടു. അൽപ്പം ആശയക്കുഴപ്പത്തിലായതിനാൽ, വിശദീകരണത്തിനായി ഞാൻ ഞങ്ങളുടെ ഡെവലപ്പർമാരെ സമീപിച്ചു. വ്യത്യസ്‌ത ഔട്ട്‌ലുക്ക് ക്ലയന്റുകൾ ടേബിളുകൾ വ്യത്യസ്ത രീതികളിൽ റെൻഡർ ചെയ്യുന്നുവെന്നും ഔട്ട്‌ലുക്കിലെ ഒരു ബഗാണ് അത്തരം പെരുമാറ്റത്തിന്റെ കാരണം എന്നും അവർ കണ്ടെത്തി.

ഞങ്ങളുടെ ടീം ഈ പ്രശ്നം റിപ്പോർട്ട് ചെയ്‌തു