Edukien taula
Artikulu honetan Outlook-en taularen ertzetan baldintzapeko formatua nola aplikatu ikusiko duzu. Kolorea, zabalera eta estiloa nola aldatu erakutsiko dizut. Ondoren, hainbat aldaketa aldi berean nola egin eta zure Outlook taula modu ezberdinetan margotu irakatsiko dizut.
Lehenik eta behin, oharra txiki bat egin nahiko nuke blog-eko berriei. Gaur txantiloietan baldintzapeko formatuari buruz hitz egingo dugunez, horiek behar bezala konfiguratu erakutsiko dizut Outlook-erako partekatutako posta elektronikoko txantiloiak gehigarria erabiliz. Tresna honek aurrez gordetako formateatutako txantiloiak zure mezu elektronikoetan itsatsi eta zure korrespondentziaren errutina klik gutxi batzuetara murrizten lagun diezazuke.
Dagoeneko irakurri baduzu nire Baldintzazko formatua Outlook tauletan tutoriala, badakizu nola aldatu gelaxken edukia eta atzeko planoaren kolorea. Hala ere, hori ez da Outlook taula alaitzeko egin dezakezun guztia. Gaur zure mahaiaren ertzak baldintzapean koloreztatzeko eta haien zabalera eta estiloa aldatzeko moduak erakutsiko dizkizut.
Gainera, bonus txiki bat duzu zain azken kapituluan, non hainbat aldaketa nola aplikatu erakutsiko dizudan. aldi berean eta egin ezazu zure mahaia uztailaren 4ko su artifizialak bezain koloretsu eta distiratsu ;)
Aldatu gelaxken ertzen kolorea
Erzen margoak nola funtzionatzen duen erakusteko, Azken asteko tutorialeko lagin berdinak erabiliko ditut. Kasua honakoa da: a itsatsi dutMicrosoft-eko taldea, anima zaitez GitHub-eko elkarrizketa honetan emandako erantzuna ikusteko :)
Azken oharra
Benetan espero dut sinestatzea lortu izana Outlook-en taula bat ez dela ertz arruntekin soilik. testua. Hobetzeko eta sormenerako aukera asko dago :)
Zure margo-esperimentu batzuk egitea erabakitzen duzunean, instalatu Microsoft Store-tik partekatutako posta elektronikoko txantiloiak eta gozatu!
Badaude. geratzen zaizun galderak Outlook-eko tauletan baldintzapeko formatuarekin laguntzaren bat behar du, utzi hitz batzuk Iruzkinen atalean eta asmatuko dugu ;)
txantiloia eta aukeratu deskontu tasa taula betetzeko. Nire aukeraren arabera, gelaxkaren ertzak kolore zehatzarekin margotuko dira.Gaur koloreztatuko dudan taula behekoa izango litzateke:
| Laginaren goiburua 1 | Laginaren 2. goiburua | Laginaren 3. goiburua |
| ~%WhatToEnter[ {dataset:'Datu-multzoa deskontuekin', zutabea:' Deskontua', title:'Hautatu deskontua'} ] deskontua |
Baldintzazko formatua txantiloien HTMLan kudeatzen denez, goazen Ireki lehenik taula honen HTML kodea:
- Ireki interesa duen txantiloia eta sakatu Editatu :
- Bilatu Ikusi HTML ikonoa ( ) txantiloiaren tresna-barran:
- Ikusi hainbat aldiz aldatuko den jatorrizko HTMLa:
Koloreez eta deskontu-tasekin duten loturaz galdetzen bazaizu, aholku bat emango dizut :) Dataset! Ez al duzu ideiarik zer den? Ondoren, egin pausa txiki bat eta irakurri nire Bete daitezkeen Outlook txantiloien tutoriala lehenik.
Hona hemen hasieran erabiliko dudan jatorrizko datu-multzoa eta apur bat hobetuko dudan kapitulu batzuetan:
| Deskontua | Kolore kodea |
| %10 | #00B0F0 |
| 15 % | #00B050 |
| %20 | #FFC000 |
| %25 | #4630A0 |
Taula honetatik beharrezko kolore-kodea berreskuratu behar dudanean, makro hau erabiliko dut:
~%WhatToEnter[{dataset:'Datu-multzoa deskontuekin',column:'Kolore-kodea'}]Oinarrizko guztiak biltzen ditugunez, has gaitezen koloreak aldatzen :)
Eguneratu baten ertzaren kolorea cell
Taula bateko gelaxka bakar baten ertzak koloreztatzeko, lehenik eta behin bere lerroa txantiloiaren HTMLan aurki ditzagun eta ikus ditzagun bere osagaiak gertuagotik:
- “ style= ” gelaxka baten oinarrizko parametroen multzoa adierazten du.
- “zabalera: %32; ertza: 1px solido #aeabab ” gelaxken eta ertzaren zabalera, kolorea eta estiloa dira.
- “~%WhatToEnter[] deskontua” zelularen edukia da.
Kode-lerro honek esan nahi du gelaxka bat ikusiko dudala 1px-ko ertz grisak estilo sendoko. Parametro horietakoren bat ordezkatzen badut, nire txantiloian taularen itxura hondatu daiteke, hau da, ertzak ikusezinak izango dira (nahiz eta itsatsi ondoren dena primeran ikusiko den).
Estandar bat izatea gustatuko litzaidake. taula txantiloi batean eta aldatzea itsatsitakoan. Beraz, atributu berri bat gehitzen dut itsatsitakoan jatorrizkoak ordezkatuko dituzten parametroekin:
Azter dezagun goiko HTML lerroa:
- “ style="border : 1px solid #aeabab;" lehen atributua da. Horiek dira zelularen jatorrizkoakezaugarriak.
- “ data-set-style= ” itsatsi bitartean goiko atributua beharrezko propietate multzoarekin ordezkatzen lagunduko didan parametro berezi bat da.
- “ ertza: 1px solidoa; border-color: ” eten bat egingo dugun bigarren atributuaren zatia da. Ikusi, hasiera jatorrizkoaren berdina da, ertzaren zabalera eta estilo berdina. Hala ere, koloreari dagokionez (aldatu nahi dudan parametroa), border-color: rekin ordezkatzen dut eta WhatToEnter makroa itsatsi dut. Beraz, goitibeherako aukeraren arabera, makroa kolore-kodearekin ordezkatuko da eta ertza berriro margotuko da.
- “~%WhatToEnter[] discount” gelaren edukia da oraindik. ez du aldaketarik behar.
Beraz, etorkizuneko koloreko gelaxka duen HTML osoa itxura hau izango du:
Txantiloi hau itsatsi duzunean , eguneratutako gelaxkaren ertza aukeratutako kolorean margotuko da berehala:
Margotu errenkada osoaren ertzak
Orain margo ditzagun ertzak margotzeko. gure lagin-taularen errenkada osoa eta ikusi nola funtzionatzen duen. Logika erabat berdina dagoiko paragrafoa bigarren errenkadako gelaxka guztiak eguneratu beharko dituzula izan ezik. Goian azaldu ditudan aldaketa berdinak errenkada osoan aplikatzen direnean, txantiloia itsatsitakoan keinu batean margotzen da.
Begiratu bat eman nahi baduzu. HTML prest dago bigarren lerroko kolorearekin, hemen doa:
Aldatu ertzaren zabalera
Orain saia gaitezen ertzaren kolorea ez ezik haren zabalera ere eguneratzen. Begiratu bat gehiago itsatsitzerakoan jatorrizkoa ordezkatzen duen HTML atributuari:
data-set-style="border: 1px solid; border-color:~%WhatToEnter[{dataset:' Deskontuekin datu-multzoa',column:'Kolore kodea'}]">~%WhatToEnter[{dataset:'Deskontuekin datu-multzoa',column:'Deskontua',title:'Hautatu deskontua'}] deskontuaIkusi 1px parametroa? Hau da margotu beharreko ertzen zabalera. Eskuz alda dezakezu, esate baterako, 2ra eta taularen ertzak zabalagoak izango dira itsatsi ondoren.
Hala ere, beste modu batera egingo dut. Nire datu-multzoa eguneratuko dut eta zutabe berri bat gehituko dut ertzak zabalera dituena. Kasu honetan, itsasteko tasa oraingo bat aukeratzen dudanean, kolorea eta zabalera izango diraeguneratuta.
| Deskontua | Kolore kodea | Ertzaren zabalera |
| %10 | #00B0F0 | 2 |
| %15 | #00B050 | 2,5 |
| %20 | #FFC000 | 3 |
| %25 | #4630A0 | 3.5 |
Orain alda dezagun lerro bakoitzaren bigarren atributua eta ordezkatu 1px testu zati honekin:
border-width:~%WhatToEnter [{dataset:'Datu-multzoa deskontuekin',column:'Ertzaren zabalera'}]Ondoren, bigarren errenkadako hiru gelaxketarako errepikatzen dut eta emaitzan HTML hau lortzen dut:
Txintiloi hau gorde eta itsatsitakoan, ertz urdin zabalak mezu elektroniko batean agertuko dira:
Aldatu ertzen estiloa taula batean
Ch honetan apter zure arreta beste parametro bati -estiloa- deitu nahiko nuke. Honek ertzen itxura kudeatuko du. Ondo aplikatzen erakutsi aurretik, nire datu multzora itzuli eta nire uneko kasuaren arabera aldatu beharko dut.
| Deskontua | Muga.estiloa |
| %10 | Marratua |
| %15 | Bikoitza |
| % 20 | Puntekatua |
| %25 | Errea |
Deskontu-tasa bakoitza ertz-estilo batekin lotu dut eta datu-multzo hau etorkizunerako gorde dut. Nire HTML-aren estiloa berreskuratzeko makroa honako hau izango litzateke:
~%WhatToEnter[{dataset:"Datu-multzoa deskontuekin", zutabea:"Ertz-estiloa"}]Orain eguneratu beharko dut bigarren lerroko atributuak solidoa (guztietan erabili dudan estilo lehenetsia) goiko makroarekin ordezkatuz, kode zati hau lortzeko:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Datu-multzoa deskontuekin', zutabea:'Ertzaren estiloa'}]Hona hemen azken HTMLa:
HTML hau kopiatu eta itsatsi baduzu zure txantiloietara, emaitzak ez zaitu itxaroten utziko:
Konfiguratu baldintzapeko formatua nabarmenduta, testuaren kolorea eta ertzen zabalera aldi berean aldatzeko
Interes handiena lortu dugu zati bat aldi berean aldaketa anitz nola aplikatzen erakustera nagoelako. Lehenik eta behin, datuak berreskuratuko ditudan datu multzoa eguneratuko dut.Gelaxken nabarmentzea, testuaren kolorea eta ertzen zabalera aldatzea erabaki nuenez, parametro horiek guztiak zehaztu behar dira. Hori dela eta, nire datu-multzo berriak itxura hau izango luke:
| Deskontua | Kolore kodea | Atzeko planoa | Ertzaren zabalera |
| %10 | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2,5 |
| %20 | #FFC000 | #FFF2CC | 3 |
| %25 | #4630A0 | #FBE5D5 | 3.5 |
Beraz, %10 aukeratzen badut, beharrezko testua urdinez margotuko da (# 00B0F0 ), aukeratutako gelaxken atzeko planoa ilunduta egongo da. tonu urdin argia (# DEEBF6 ) eta haien ertzak bi aldiz zabalduko dira.
Baina nola konekta daiteke datu-multzo hau Outlook-eko taula batera formateatu ahal izateko? 2 artikulutan zeregin honetarako prestatzen ibili naiz :) Hona hemen beharrezko aldaketa guztiak kudeatuko dituen HTMLa:
Orain, ikus ditzagun aplikatutako aldaketa guztiak:
- Goiburuko adibidea 1 - pieza honek goiburuko testua kolorez margotuko du "Kolore kodea" zutabetik. Sentitzen baduzuTestu-pinturan memoria freskatu behar duzun bezala, ikusi nire aurreko tutorialeko Aldatu testuaren letra-tipoaren kolorea taulako kapituluan.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Datu-multzoa deskontuekin',column:'Atzeko planoko kodea',title:'Hautatu deskontua'}] - zati honek atzeko planoko kolorea eguneratzen du, bere kodea datu-multzoko Atzeko planoko kodea zutabetik hartuta. Animatu zaitez Nabarmendu gelaxkak tutorialari begirada bat eman kasu honen deskribapen zehatzagoa behar duzula iruditzen bazaizu.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Datu-multzoa deskontuekin',column:'Ertzaren zabalera'}] – HTML lerro honekin ertzen zabalera Ertzaren zabalera atalean zehaztutakoa aldatuko da. Lehenago azaldu dut, baliteke zerbait galdu bazaizu begiratzea.
Atributu horiek gehituta dituen txantiloi bat itsatsi dudanean, emaitzak ez nau itxaroten utziko:
Gai hau itxi baino lehen egin nahiko nukeen ohar txiki bat. Tauletan ertzak margotzen ari nintzela probatzen ari nintzen bitartean ertzen jokaera nahiko anbiguoa izan nuen Outlook-en lineako zein mahaigaineko bertsioetan. Pixka bat nahastuta egonda, gure garatzaileengana iritsi nintzen argitzeko. Outlook-eko bezero ezberdinek taulak modu desberdinetan errendatzen dituztela jakin zuten eta portaera horren arrazoia Outlook-en akats bat dela.
Gure taldeak arazo hau jakinarazi dio.
