Satura rādītājs
Šajā rakstā redzēsiet, kā piemērot nosacītu formatēšanu tabulas robežām programmā Outlook. Es parādīšu, kā mainīt to krāsu, platumu un stilu. Pēc tam es jums iemācīšu, kā veikt vairākas izmaiņas vienlaicīgi un dažādos veidos izkrāsot Outlook tabulu.
Vispirms es vēlētos veikt nelielu piezīmi šī emuāra jaunpienācējiem. Tā kā šodien mēs runāsim par nosacītu formatēšanu veidnēs, es jums parādīšu, kā tās pareizi iestatīt, izmantojot mūsu kopīgoto e-pasta veidņu papildinājumu Outlook. Šis rīks var palīdzēt jums ielīmēt iepriekš saglabātas perfekti formatētas veidnes jūsu e-pasta ziņojumos un saīsināt sarakstes rutīnu līdz dažu klikšķu jautājumam.
Ja jau esat lasījis manu pamācību Nosacītais formatējums Outlook tabulās, jūs zināt, kā mainīt šūnu saturu un fona krāsu. Tomēr tas nav viss, ko varat darīt, lai izgaismotu Outlook tabulu. Šodien es parādīšu, kā nosacīti iekrāsot tabulas robežas un mainīt to platumu un stilu.
Turklāt pēdējā nodaļā jūs gaida neliels bonuss, kurā es jums parādīšu, kā vienlaicīgi piemērot vairākas modifikācijas un padarīt jūsu galdu tikpat krāsainu un spilgtu kā uguņošana 4. jūlijā ;)
Mainīt šūnu robežu krāsu
Lai parādītu, kā darbojas robežu krāsošana, es izmantošu tos pašus paraugus no pagājušās nedēļas pamācības. Gadījums ir šāds: es ielīmēju veidni un izvēlos atlaižu likmi, ar kuru aizpildīt tabulu. Atkarībā no manas izvēles šūnas robežas tiks iekrāsotas konkrētā krāsā.
Tabula, kuru es šodien krāsošu, būs šāda:
| 1 parauga galvene | 2. parauga galvene | 3. parauga galvene |
| ~%WhatToEnter[ {datu kopa:'Datu kopa ar atlaidēm', sleja:'Atlaide', virsraksts:'Atlasīt atlaidi'} ] atlaide |
Tā kā nosacītā formatēšana tiek apstrādāta HTML veidnēs, vispirms atvērsim šīs tabulas HTML kodu:
- Atveriet interesējošo veidni un nospiediet Rediģēt :
- Atrodiet Skatīt HTML ikona ( ) šablona rīkjoslā:
- Skatiet sākotnējo HTML, kas tiks modificēts vairākas reizes:
Ja jūs interesē krāsas un to saistība ar atlaižu likmēm, es jums došu mājienu :) Datu kopa! Vai nezināt, kas tas ir? Tad vispirms veiciet nelielu pauzi un izlasiet manu aizpildāmo Outlook veidņu pamācību.
Šeit ir sākotnējais datu kopums, ko izmantošu sākumā un nedaudz pilnveidošu dažās nodaļās:
| Atlaide | Krāsu kods |
| 10% | #00B0F0 |
| 15% | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
Kad man no šīs tabulas būs nepieciešams iegūt vajadzīgo krāsas kodu, es izmantošu šādu makro:
~%WhatToEnter[{datu kopa:'Datu kopa ar atlaidēm',sleja:'Krāsas kods'}]]Tā kā visi pamati ir apgūti, sāksim mainīt krāsas :)
Vienas šūnas robežas krāsas atjaunināšana
Lai iekrāsotu atsevišķas tabulas šūnas robežas, vispirms sameklēsim tās rindu šablona HTML un sīkāk aplūkosim tās sastāvdaļas:
- " stils= " apzīmē šūnas pamatparametru kopumu.
- "platums: 32%; robeža: 1px solid #aeabab " ir šūnas un robežas platums, krāsa un stils.
- "~%%KasIevadīt[] atlaide" ir šūnas saturs.
Šī koda rinda nozīmē, ka es redzēšu šūnu ar 1px pelēkām vienlaidu stila apmalēm. Ja es nomainīšu kādu no šiem parametriem, tas var sabojāt tabulas izskatu manā veidnē, t. i., apmales būs neredzamas (lai gan pēc ielīmēšanas viss izskatās perfekti).
Es gribētu, lai veidnē būtu standarta tabula, un, ielīmējot to modificētu. Tātad, es pievienoju vienu jaunu atribūtu ar parametriem, kas, ielīmējot, aizstās sākotnējos parametrus:
Pārbaudīsim iepriekš minēto HTML rindu:
- " style="robeža : 1px solid #aeabab;" ir pirmais atribūts. Tās ir šūnas sākotnējās īpašības.
- " data-set-style= " ir īpašs parametrs, kas palīdzēs man ielīmēšanas laikā aizstāt iepriekš minēto atribūtu ar nepieciešamo īpašību kopumu.
- " robeža:1px solid; robežu krāsa: " ir otrā atribūta daļa, kurā mēs pauzēsim. Redziet, sākums ir identisks oriģinālam, tas pats robežas platums un stils. Tomēr, kad runa ir par krāsu (parametrs, ko es gribu mainīt), es to nomainu ar robežu krāsa: un ielīmējiet makroattēlu WhatToEnter. Tādējādi atkarībā no nolaižamās izvēles makroattēls tiks aizstāts ar krāsas kodu un robeža tiks pārkrāsota.
- "~%%KasIevadīt[] atlaide" joprojām ir šūnas saturs, kurā nav jāveic nekādas izmaiņas.
Tāpēc pilnais HTML formāts ar nākotnes krāsas šūnām izskatīsies šādi:
Ielīmējot šo veidni, atjauninātās šūnas robeža uzreiz tiks iekrāsota izvēlētajā krāsā:
Krāsot visas rindas robežas
Tagad nokrāsosim robežas visai mūsu parauga tabulas rindai un redzēsim, kā tas darbojas. Loģika ir pilnīgi tāda pati kā iepriekšējā punktā, izņemot to, ka jums būs jāatjaunina visas otrās rindas šūnas. Kad tās pašas modifikācijas, ko es aprakstīju iepriekš, ir piemērotas visai rindai, tā tiek nokrāsota mirkšķinot, ielīmējot veidni.
Ja vēlaties apskatīt gatavu HTML ar otrās rindas krāsojumu, šeit tas ir:
Robežu platuma maiņa
Tagad pamēģināsim atjaunināt ne tikai robežas krāsu, bet arī tās platumu. Aplūkojiet vēl vienu HTML atribūtu, kas ielīmēšanas laikā aizstāj sākotnējo atribūtu:
data-set-style="border: 1 px solid; border-color:~%WhatToEnter[{datu kopa:'Datu kopa ar atlaidēm',sleja:'Krāsas kods'}]">~%WhatToEnter[{datu kopa:'Datu kopa ar atlaidēm',sleja:'Atlaide',virsraksts:'Izvēlieties atlaidi'}] atlaideSkatīt 1px Parametrs? Tas ir iekrāsojamo robežu platums. Varat manuāli mainīt to, piemēram, uz 2, un pēc ielīmēšanas galda robežas kļūs platākas.
Tomēr es to darīšu citādi. Es atjaunināšu savu datu kopu un pievienošu jaunu kolonnu ar robežu platumu. Šajā gadījumā, tiklīdz es izvēlēšos pašreizējo likmi, lai ielīmētu, tiks atjaunināta gan krāsa, gan platums.
| Atlaide | Krāsu kods | Robežu platums |
| 10% | #00B0F0 | 2 |
| 15% | #00B050 | 2.5 |
| 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
Tagad izmainīsim katras rindas otro atribūtu un aizstāsim 1px ar šādu tekstu:
robežu platums:~%WhatToEnter[{datu kopa:'Datu kopa ar atlaidēm',sleja:'Robežu platums'}]]Pēc tam atkārtoju to visām trim otrās rindas šūnām un rezultātā iegūstu šādu HTML:
Kad šī veidne ir saglabāta un ielīmēta, e-pasta ziņojumā parādīsies paplašinātas zilas robežas:
Robežu stila modificēšana tabulā
Šajā nodaļā vēlos pievērst jūsu uzmanību vēl vienam parametram - stilam. Šis parametrs apstrādās robežu izskatu. Pirms parādīšu, kā to pareizi piemērot, man būs jāatgriežas pie sava datu kopuma un jāmaina tas atbilstoši manam pašreizējam gadījumam.
| Atlaide | Robežu stils |
| 10% | Pārtraukts |
| 15% | Dubultā |
| 20% | Ar punktiņiem |
| 25% | Ridge |
Katru diskonta likmi esmu sasaistījis ar robežas stilu un saglabājis šo datu kopu nākotnei. Makro, lai iegūtu manu HTML stilu, būtu šāds:
~%WhatToEnter[{datu kopa: "Datu kopa ar atlaidēm",sleja: "Robežu stils"}]]Tagad man būs jāatjaunina otrās rindas atribūti, aizstājot solid (noklusējuma stils, ko es visu laiku izmantoju) ar iepriekš minēto makro, lai iegūtu šādu koda elementu:
data-set-style="border: 1px #aeabab; border-style:~%WhatToEnter[{dataset:'Datu kopa ar atlaidēm',column:'Border style'}]]Šeit ir pēdējais HTML:
Ja kopēsiet šo HTML un ielīmēsiet to savās veidnēs, rezultāts neliks jums gaidīt:
Iestatiet nosacītu formatēšanu, lai vienlaicīgi mainītu izcelšanu, teksta krāsu un robežu platumu.
Esam nonākuši līdz interesantākajai daļai, jo es jums parādīšu, kā piemērot vairākas izmaiņas vienlaikus. Vispirms es atjaunināšu datu kopu, no kuras gūstu datus. Tā kā es nolēmu mainīt šūnu izcelšanu, teksta krāsu un robežu platumu, ir jānorāda visi šie parametri. Tādējādi mana jaunā datu kopa izskatīsies šādi:
| Atlaide | Krāsu kods | Fona kods | Robežu platums |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15% | #00B050 | #E2EFD9 | 2.5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3.5 |
Tātad, ja izvēlos 10%, nepieciešamais teksts tiks iekrāsots zilā krāsā (# 00B0F0 ), izvēlēto šūnu fons tiks iekrāsots gaiši zilā tonī (# DEEBF6 ), un to robežas tiks paplašinātas divas reizes.
Bet kā šo datu kopu var savienot ar Outlook tabulu, lai tā tiktu formatēta? Es esmu sagatavojis jūs šim uzdevumam 2 rakstos :) Šeit ir HTML, kas apstrādās visas nepieciešamās modifikācijas:
Tagad aplūkosim visas piemērotās modifikācijas:
- 1. galvenes paraugs - šajā gabalā galvenes teksts tiks nokrāsots krāsā no slejas "Krāsas kods". Ja jums šķiet, ka nepieciešams atsvaidzināt atmiņu par teksta krāsošanu, skatiet manu iepriekšējo pamācību nodaļu Mainīt teksta šrifta krāsu tabulā.
- data-set-style="fona krāsa:~%WhatToEnter[{datu kopa: "Datu kopa ar atlaidēm",sleja: "Fona kods",virsraksts: "Izvēlieties atlaidi"}] - šajā daļā tiek atjaunināta fona krāsa, ņemot tās kodu no Fona kods Ja jums šķiet, ka ir nepieciešams detalizētāks apraksts par šo gadījumu, lūdzu, apskatiet Highlight cells pamācību.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Datu kopa ar atlaidēm',column:'Robežu platums'}] - ar šo HTML rindiņu robežu platums tiks mainīts uz norādīto. Robežu platums Es to esmu aplūkojis jau agrāk, varēsi apskatīties, ja kaut ko esi palaidis garām.
Kad ielīmēju veidni ar pievienotiem šiem atribūtiem, rezultāts neļaus man gaidīt:
Pirms šīs tēmas slēgšanas es vēlētos izteikt nelielu piezīmi. Kamēr es testēju robežu krāsojumu tabulās, es saskāros ar diezgan neskaidru robežu uzvedību gan tiešsaistes, gan darbvirsmas Outlook versijās. Būdams mazliet apjucis, es sazinājos ar mūsu izstrādātājiem, lai saņemtu skaidrojumu. Viņi noskaidroja, ka dažādi Outlook klienti tabulas atveido dažādos veidos un šādas uzvedības iemesls ir kļūda.Perspektīvas.
Mūsu komanda ziņoja par šo problēmu Microsoft komandai, un varat iepazīties ar viņu atbildi šajā GitHub sarunā :)
Nobeiguma piezīme
Es patiešām ceru, ka man izdevās jūs pārliecināt, ka tabula programmā Outlook nav tikai melnas apmales ar vienkāršu tekstu. Tur ir daudz iespēju uzlabojumiem un radošumam :)
Kad esat nolēmis veikt dažus savus glezniecības eksperimentus, vienkārši instalējiet koplietojamās e-pasta veidnes no Microsoft Store un baudiet!
Ja ir kādi jautājumi, kas jums ir palikuši, vai jums ir nepieciešama palīdzība ar nosacītu formatēšanu Outlook tabulās, vienkārši atstājiet dažus vārdus komentāru sadaļā, un mēs to izdomāsim ;)
