ໃນ​ບົດ​ຄວາມ​ນີ້​ທ່ານ​ຈະ​ເຫັນ​ວິ​ທີ​ການ​ນໍາ​ໃຊ້​ຮູບ​ແບບ​ຕາມ​ເງື່ອນ​ໄຂ​ກັບ​ຂອບ​ຂອງ​ຕາ​ຕະ​ລາງ​ໃນ Outlook​. ຂ້ອຍຈະສະແດງວິທີການປ່ຽນສີ, ຄວາມກວ້າງແລະຮູບແບບຂອງມັນ. ຫຼັງຈາກນັ້ນ, ຂ້ອຍຈະສອນທ່ານກ່ຽວກັບວິທີການດັດແປງຫຼາຍໆຄັ້ງໃນເວລາແລະສີຕາຕະລາງ Outlook ຂອງທ່ານໃນຫຼາຍວິທີ.

ກ່ອນອື່ນໝົດ, ຂ້ອຍຢາກເຮັດບົດບັນທຶກນ້ອຍໆສຳລັບຜູ້ມາໃໝ່ຂອງບລັອກນີ້. ດັ່ງທີ່ມື້ນີ້ພວກເຮົາຈະເວົ້າກ່ຽວກັບການຈັດຮູບແບບຕາມເງື່ອນໄຂໃນແມ່ແບບ, ຂ້ອຍຈະສະແດງວິທີການຕັ້ງພວກມັນຢ່າງຖືກຕ້ອງໂດຍໃຊ້ຕົວເພີ່ມອີເມວທີ່ແບ່ງປັນຂອງພວກເຮົາສໍາລັບ Outlook. ເຄື່ອງ​ມື​ນີ້​ສາ​ມາດ​ຊ່ວຍ​ໃຫ້​ທ່ານ​ວາງ​ແມ່​ແບບ​ທີ່​ຖືກ​ບັນ​ທຶກ​ໄວ້​ລ່ວງ​ຫນ້າ​ຢ່າງ​ສົມ​ບູນ​ແບບ​ກັບ​ອີ​ເມລ​໌​ຂອງ​ທ່ານ​ແລະ​ຫຍໍ້​ການ​ຕອບ​ສະ​ຫນອງ​ຂອງ​ທ່ານ​ເປັນ​ເລື່ອງ​ຂອງ​ການ​ຄລິກ​ສອງ​ສາມ​ຄັ້ງ​.

ຖ້າ​ຫາກ​ວ່າ​ທ່ານ​ໄດ້​ອ່ານ​ການ​ຈັດ​ຮູບ​ແບບ​ເງື່ອນ​ໄຂ​ຂອງ​ຂ້າ​ພະ​ເຈົ້າ​ແລ້ວ​ໃນ tutorial ຕາ​ຕະ​ລາງ Outlook​, ທ່ານ​ຮູ້​ຈັກ ວິທີການປ່ຽນເນື້ອໃນຂອງຈຸລັງ ແລະສີພື້ນຫຼັງ. ຢ່າງໃດກໍຕາມ, ມັນບໍ່ແມ່ນທຸກສິ່ງທຸກຢ່າງທີ່ທ່ານສາມາດເຮັດໄດ້ເພື່ອເຮັດໃຫ້ຕາຕະລາງ Outlook ຂອງທ່ານສົດໃສ. ມື້ນີ້ຂ້ອຍຈະສະແດງໃຫ້ທ່ານເຫັນວິທີການປັບສີຂອບຂອງຕາຕະລາງຂອງທ່ານແລະດັດແປງຄວາມກວ້າງແລະຮູບແບບຂອງມັນ.

ນອກຈາກນັ້ນ, ເງິນໂບນັດເລັກນ້ອຍກໍາລັງລໍຖ້າທ່ານຢູ່ໃນບົດສຸດທ້າຍທີ່ຂ້ອຍຈະສະແດງໃຫ້ທ່ານເຫັນວິທີການນໍາໃຊ້ການດັດແກ້ຫຼາຍອັນ. ໃນເວລາດຽວກັນແລະເຮັດໃຫ້ຕາຕະລາງຂອງທ່ານມີສີສັນແລະສົດໃສຄືກັບດອກໄມ້ໄຟໃນວັນທີ 4 ເດືອນກໍລະກົດ ;)

ປ່ຽນສີຂອງຂອບຕາລາງ

ເພື່ອສະແດງໃຫ້ທ່ານຮູ້ວ່າການແຕ້ມເສັ້ນຂອບເຮັດວຽກແນວໃດ, ຂ້ອຍຈະໃຊ້ຕົວຢ່າງດຽວກັນຈາກການສອນໃນອາທິດທີ່ຜ່ານມາ. ກໍລະນີມີດັ່ງນີ້: ຂ້າພະເຈົ້າວາງ aທີມງານ Microsoft, ຮູ້ສຶກວ່າບໍ່ເສຍຄ່າເພື່ອກວດເບິ່ງຄໍາຕອບຂອງພວກເຂົາໃນການສົນທະນາ GitHub ນີ້ :)

ບັນທຶກສຸດທ້າຍ

ຂ້ອຍກໍ່ຫວັງວ່າຂ້ອຍສາມາດຊັກຊວນເຈົ້າໄດ້ວ່າຕາຕະລາງໃນ Outlook ບໍ່ພຽງແຕ່ມີຂອບສີດໍາເທົ່ານັ້ນ. ຂໍ້​ຄວາມ. ມີຫຼາຍບ່ອນສຳລັບການປັບປຸງ ແລະ ຄວາມຄິດສ້າງສັນ :)

ເມື່ອທ່ານຕັດສິນໃຈທົດລອງແຕ້ມຮູບຂອງຕົນເອງ, ພຽງແຕ່ຕິດຕັ້ງແມ່ແບບອີເມວທີ່ແບ່ງປັນຈາກ Microsoft Store ແລ້ວເພີດເພີນໄປກັບ!

ຖ້າມີ. ຄໍາຖາມໃດໆທີ່ຍັງເຫຼືອຂອງທ່ານຕ້ອງການຄວາມຊ່ວຍເຫຼືອໃນການຈັດຮູບແບບຕາມເງື່ອນໄຂໃນຕາຕະລາງ Outlook, ພຽງແຕ່ປະໄວ້ສອງສາມຄໍາໃນສ່ວນຄໍາເຫັນແລະພວກເຮົາຈະຄິດອອກ ;)

ແມ່ແບບແລະເລືອກອັດຕາສ່ວນຫຼຸດເພື່ອຕື່ມຂໍ້ມູນໃສ່ໃນຕາຕະລາງ. ຂຶ້ນກັບການເລືອກຂອງຂ້ອຍ, ຂອບຂອງຕາລາງຈະຖືກໃສ່ເປັນສີສະເພາະ.

ຕາຕະລາງທີ່ຂ້ອຍຈະໃສ່ສີໃນມື້ນີ້ຈະເປັນອັນໜຶ່ງຂ້າງລຸ່ມນີ້:

ຕົວຢ່າງສ່ວນຫົວ 1	Sample header 2	Sample header 3
~%WhatToEnter[ {dataset:'Dataset with discounts', column:' ສ່ວນຫຼຸດ', ຫົວຂໍ້:'ເລືອກສ່ວນຫຼຸດ'} ] ສ່ວນຫຼຸດ

ເນື່ອງຈາກການຈັດຮູບແບບຕາມເງື່ອນໄຂຖືກຈັດການໃນ HTML ຂອງແມ່ແບບ, ໃຫ້ພວກເຮົາ ເປີດລະຫັດ HTML ຂອງຕາຕະລາງນີ້ກ່ອນ:

1. ເປີດແມ່ແບບທີ່ສົນໃຈ ແລະກົດ ແກ້ໄຂ :

   

2. ຊອກຫາ ເບິ່ງ HTML icon ( ) ໃນແຖບເຄື່ອງມືຂອງແມ່ແບບ:

   

3. ເບິ່ງ HTML ຕົ້ນສະບັບທີ່ຈະຖືກດັດແກ້ຫຼາຍຄັ້ງ:

   

ຖ້າທ່ານສົງໄສກ່ຽວກັບສີ ແລະການເຊື່ອມຕໍ່ຂອງພວກມັນກັບອັດຕາສ່ວນຫຼຸດ, ຂ້ອຍຈະໃຫ້ຄຳແນະນຳແກ່ເຈົ້າ :) ຊຸດຂໍ້ມູນ! ບໍ່ຮູ້ວ່າມັນເປັນແນວໃດ? ຈາກນັ້ນຢຸດຊົ່ວຄາວ ແລະອ່ານບົດເຝິກຫັດແມ່ແບບ Fillable Outlook ຂອງຂ້ອຍກ່ອນ.

ນີ້ແມ່ນຊຸດຂໍ້ມູນຕົ້ນສະບັບທີ່ຂ້ອຍຈະໃຊ້ໃນຕອນເລີ່ມຕົ້ນ ແລະປັບປຸງເລັກນ້ອຍໃນບາງບົດ:

ສ່ວນຫຼຸດ	ລະຫັດສີ
10%	#00B0F0
15 %	#00B050
20%	#FFC000
25%	#4630A0

ເມື່ອຂ້ອຍຕ້ອງການດຶງລະຫັດສີທີ່ຈໍາເປັນຈາກຕາຕະລາງນີ້, ຂ້ອຍຈະໃຊ້ macro ຕໍ່ໄປນີ້:

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

ດັ່ງທີ່ພວກເຮົາມີພື້ນຖານທັງໝົດແລ້ວ, ເຮົາມາເລີ່ມປ່ຽນສີກັນເລີຍ :)

ອັບເດດສີຂອບຂອງອັນໜຶ່ງ. cell

ເພື່ອສີຂອບຂອງເຊລດຽວໃນຕາຕະລາງ, ໃຫ້ຊອກຫາເສັ້ນຂອງມັນຢູ່ໃນ HTML ຂອງແມ່ແບບກ່ອນ ແລະກວດເບິ່ງອົງປະກອບຂອງມັນໃຫ້ໃກ້ຊິດ:

~%WhatToEnter[{dataset: 'ຊຸດຂໍ້ມູນທີ່ມີສ່ວນຫຼຸດ',column:'Discount',title:'ເລືອກສ່ວນຫຼຸດ'}] ສ່ວນຫຼຸດ

• “ style= ” ເປັນຕົວແທນຂອງຊຸດພາຣາມິເຕີພື້ນຖານຂອງເຊລ.
• “ກວ້າງ: 32%; border: 1px solid #aeabab ” ແມ່ນຄວາມກວ້າງ, ສີ ແລະຮູບແບບຂອງຕາລາງ ແລະຂອບ.
• “~%WhatToEnter[] discount” ແມ່ນເນື້ອໃນຂອງຕາລາງ.

ເສັ້ນລະຫັດນີ້ຫມາຍຄວາມວ່າຂ້ອຍຈະເຫັນຕາລາງທີ່ມີຂອບສີຂີ້ເຖົ່າ 1px ຂອງຮູບແບບແຂງ. ຖ້າຂ້ອຍປ່ຽນຕົວກໍານົດການເຫຼົ່ານັ້ນ, ມັນອາດຈະທໍາລາຍຮູບລັກສະນະຂອງຕາຕະລາງໃນແມ່ແບບຂອງຂ້ອຍ, ເຊັ່ນ: ຂອບຈະເບິ່ງບໍ່ເຫັນ (ເຖິງແມ່ນວ່າທຸກສິ່ງທຸກຢ່າງຈະເບິ່ງຢ່າງສົມບູນຫຼັງຈາກວາງລົງ).

ຂ້ອຍຢາກມີມາດຕະຖານ. ຕາ​ຕະ​ລາງ​ໃນ​ແມ່​ແບບ​ແລະ​ມີ​ການ​ແກ້​ໄຂ​ໃນ​ເວ​ລາ​ທີ່​ວາງ​. ດັ່ງນັ້ນ, ຂ້ອຍເພີ່ມຄຸນສົມບັດໃໝ່ອັນໜຶ່ງດ້ວຍພາລາມິເຕີທີ່ຈະແທນທີ່ຂອງຕົ້ນສະບັບເມື່ອວາງ:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'ເລືອກສ່ວນຫຼຸດ '}] ສ່ວນຫຼຸດ

ໃຫ້ກວດເບິ່ງແຖວ HTML ຂ້າງເທິງ:

• “ style="border : 1px solid #aeabab;" ເປັນຄຸນລັກສະນະທໍາອິດ. ເຫຼົ່ານີ້ແມ່ນຕົ້ນສະບັບຂອງຈຸລັງຄຸນລັກສະນະ.
• “ data-set-style= ” ເປັນພາລາມິເຕີພິເສດທີ່ຈະຊ່ວຍໃຫ້ຂ້ອຍປ່ຽນຄຸນສົມບັດຂ້າງເທິງດ້ວຍຊຸດຄຸນສົມບັດທີ່ຈໍາເປັນໃນລະຫວ່າງການວາງ.
• “ ຊາຍແດນ: 1px ແຂງ; border-color: ” ແມ່ນສ່ວນໜຶ່ງຂອງຄຸນສົມບັດທີສອງທີ່ພວກເຮົາຈະຢຸດຊົ່ວຄາວ. ເບິ່ງ, ການເລີ່ມຕົ້ນແມ່ນຄືກັນກັບຕົ້ນສະບັບ, ຄວາມກວ້າງຂອງຊາຍແດນດຽວກັນແລະຮູບແບບ. ຢ່າງໃດກໍຕາມ, ເມື່ອມັນມາກັບສີ (ພາລາມິເຕີທີ່ຂ້ອຍຕ້ອງການປ່ຽນ), ຂ້ອຍປ່ຽນມັນດ້ວຍ border-color: ແລະວາງ macro WhatToEnter. ດັ່ງນັ້ນ, ຂຶ້ນກັບການເລືອກແບບເລື່ອນລົງ, ມະຫາພາກຈະຖືກປ່ຽນແທນດ້ວຍລະຫັດສີ ແລະຂອບຈະຖືກທາສີຄືນໃໝ່.
• “~%WhatToEnter[] ສ່ວນຫຼຸດ” ຍັງເປັນເນື້ອໃນຂອງເຊັລທີ່. ບໍ່ຕ້ອງການການປ່ຽນແປງໃດໆ.

ດັ່ງນັ້ນ, HTML ເຕັມທີ່ມີຕາລາງສີໃນອະນາຄົດຈະມີລັກສະນະນີ້:

ສ່ວນຫົວຕົວຢ່າງ 1

ສ່ວນຫົວຕົວຢ່າງ 2 <3

ຕົວຢ່າງສ່ວນຫົວ 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:' ສ່ວນຫຼຸດ',title:'ເລືອກສ່ວນຫຼຸດ'}] ສ່ວນຫຼຸດ

ເມື່ອທ່ານວາງແມ່ແບບນີ້ , ຂອບຂອງຕາລາງທີ່ອັບເດດແລ້ວຈະຖືກທາສີເປັນສີທີ່ເລືອກໃນທັນທີ:

ທາສີຂອບຂອງແຖວທັງໝົດ

ຕອນນີ້ໃຫ້ພວກເຮົາທາສີຂອບໃສ່. ແຖວທັງຫມົດຂອງຕາຕະລາງຕົວຢ່າງຂອງພວກເຮົາແລະເບິ່ງວ່າມັນເຮັດວຽກແນວໃດ. ເຫດຜົນແມ່ນແທ້ໆຄືກັນກັບຢູ່ໃນຫຍໍ້ຫນ້າຂ້າງເທິງຍົກເວັ້ນວ່າທ່ານຈະຈໍາເປັນຕ້ອງໄດ້ປັບປຸງຈຸລັງທັງຫມົດຂອງແຖວທີສອງ. ເມື່ອການດັດແກ້ດຽວກັນທີ່ຂ້າພະເຈົ້າໄດ້ກວມເອົາຂ້າງເທິງນີ້ຖືກນໍາໃຊ້ກັບແຖວທັງຫມົດ, ມັນຈະຖືກທາສີໃນກະພິບໃນເວລາທີ່ວາງແມ່ແບບ.

ຖ້າທ່ານຕ້ອງການເບິ່ງ HTML ທີ່ພ້ອມແລ້ວກັບການໃສ່ສີແຖວທີສອງ, ຢູ່ທີ່ນີ້:

Sample header 1

Sample header 2

Sample header 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] ສ່ວນຫຼຸດ

ປ່ຽນຄວາມກວ້າງຂອບ

ຕອນນີ້ໃຫ້ລອງອັບເດດບໍ່ພຽງແຕ່ສີຂອບແຕ່ຄວາມກວ້າງຂອງມັນນຳ. ເບິ່ງອີກອັນໜຶ່ງທີ່ຄຸນລັກສະນະ HTML ທີ່ແທນທີ່ອັນຕົ້ນສະບັບເມື່ອວາງ:

data-set-style="border: 1 px solid; border-color:~%WhatToEnter[{dataset:' ຊຸດຂໍ້ມູນພ້ອມສ່ວນຫຼຸດ',column:'Color code'}]">~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'ເລືອກສ່ວນຫຼຸດ'}] ສ່ວນຫຼຸດ

ເບິ່ງ 1px ພາຣາມິເຕີ? ນີ້ແມ່ນຄວາມກວ້າງຂອງຂອບທີ່ຈະໃສ່ສີ. ທ່ານສາມາດປ່ຽນມັນດ້ວຍຕົນເອງເປັນ, ເວົ້າວ່າ, 2 ແລະຂອບຕາຕະລາງຈະກວ້າງຂຶ້ນເມື່ອທ່ານວາງມັນ.

ແນວໃດກໍ່ຕາມ, ຂ້ອຍຈະເຮັດມັນອີກທາງໜຶ່ງ. ຂ້ອຍຈະອັບເດດຊຸດຂໍ້ມູນຂອງຂ້ອຍ ແລະເພີ່ມຖັນໃໝ່ທີ່ມີຄວາມກວ້າງຂອງຂອບ. ໃນກໍລະນີນີ້, ເມື່ອຂ້ອຍເລືອກອັດຕາປະຈຸບັນເພື່ອວາງ, ທັງສີແລະຄວາມກວ້າງຈະເປັນອັບເດດແລ້ວ.

<9

ສ່ວນຫຼຸດ	ລະຫັດສີ	ຄວາມກວ້າງຂອງຂອບ
10%<11	#00B0F0	2
15%	#00B050	2.5
20%	#FFC000	3
25%	#4630A0	3.5

ຕອນນີ້ໃຫ້ເຮົາແກ້ໄຂຄຸນລັກສະນະທີສອງຂອງແຕ່ລະແຖວ ແລະແທນທີ່ 1px ດ້ວຍຂໍ້ຄວາມຕໍ່ໄປນີ້:

border-width:~%WhatToEnter [{dataset:'Dataset with discounts',column:'Border width'}]

ຈາກ​ນັ້ນ​ຂ້າ​ພະ​ເຈົ້າ​ເຮັດ​ຊ້ຳ​ກັບ​ທັງ​ສາມ​ເຊ​ລ​ຂອງ​ແຖວ​ທີ​ສອງ ແລະ​ໄດ້​ຮັບ HTML ດັ່ງ​ຕໍ່​ໄປ​ນີ້​ໃນ​ຜົນ​ໄດ້​ຮັບ:

ຕົວຢ່າງສ່ວນຫົວ 1

ສ່ວນຫົວຕົວຢ່າງ 2

ສ່ວນຫົວຕົວຢ່າງ 3

~%WhatToEnter[{ dataset:'ຊຸດຂໍ້ມູນທີ່ມີສ່ວນຫຼຸດ',column:'Discount',title:'ເລືອກສ່ວນຫຼຸດ'}] ສ່ວນຫຼຸດ

ເມື່ອແມ່ແບບນີ້ຖືກບັນທຶກ ແລະວາງແລ້ວ, ຂອບສີຟ້າທີ່ກວ້າງຂຶ້ນຈະປາກົດຢູ່ໃນອີເມວ:

ແກ້ໄຂຮູບແບບຂອບໃນຕາຕະລາງ

ໃນ ch ນີ້ apter ຂ້ອຍຢາກດຶງຄວາມສົນໃຈຂອງເຈົ້າໄປຫາຕົວກໍານົດການອື່ນ - ແບບ. ອັນນີ້ຈະຈັດການລັກສະນະຊາຍແດນ. ກ່ອນທີ່ຂ້ອຍຈະສະແດງວິທີນຳໃຊ້ມັນໃຫ້ຖືກຕ້ອງ, ຂ້ອຍຈະຕ້ອງກັບຄືນໄປຫາຊຸດຂໍ້ມູນຂອງຂ້ອຍ ແລະແກ້ໄຂມັນໃຫ້ສອດຄ່ອງກັບກໍລະນີປັດຈຸບັນຂອງຂ້ອຍ.

ສ່ວນຫຼຸດ	Borderຮູບແບບ
10%	Dashed
15%	Double
20%	ຈຸດ
25%	ຂອບ

ຂ້ອຍໄດ້ເຊື່ອມໂຍງອັດຕາສ່ວນຫຼຸດແຕ່ລະອັນກັບຮູບແບບຊາຍແດນ ແລະບັນທຶກຊຸດຂໍ້ມູນນີ້ໄວ້ສໍາລັບອະນາຄົດ. ມະຫາພາກເພື່ອດຶງເອົາຮູບແບບສີສັນສຳລັບ HTML ຂອງຂ້ອຍຈະເປັນອັນຕໍ່ໄປນີ້:

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

ຕອນນີ້ຂ້ອຍຈະຕ້ອງອັບເດດ ຄຸນລັກສະນະຂອງແຖວທີສອງໂດຍການແທນທີ່ແຂງ (ຮູບແບບເລີ່ມຕົ້ນທີ່ຂ້ອຍໄດ້ໃຊ້ມາຕະຫຼອດ) ກັບ macro ຂ້າງເທິງເພື່ອໃຫ້ໄດ້ລະຫັດຕໍ່ໄປນີ້:

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

ນີ້ແມ່ນ HTML ສຸດທ້າຍ:

<13

ສ່ວນຫົວຕົວຢ່າງ 1

ສ່ວນຫົວຕົວຢ່າງ 2

ຕົວຢ່າງສ່ວນຫົວ 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount' ,title:'ເລືອກສ່ວນຫຼຸດ'}] ສ່ວນຫຼຸດ

ຖ້າທ່ານສຳເນົາ HTML ນີ້ ແລະວາງ ກັບແມ່ແບບຂອງທ່ານ, ຜົນໄດ້ຮັບຈະບໍ່ເຮັດໃຫ້ທ່ານລໍຖ້າ:

ຕັ້ງຄ່າການຈັດຮູບແບບຕາມເງື່ອນໄຂເພື່ອປ່ຽນການເນັ້ນ, ສີຂໍ້ຄວາມ, ແລະຄວາມກວ້າງຂອງຂອບໃນເວລາດຽວກັນ

ພວກເຮົາໄດ້ບັນລຸຄວາມສົນໃຈຫຼາຍທີ່ສຸດ ສ່ວນທີ່ຂ້ອຍກໍາລັງຈະສະແດງໃຫ້ທ່ານເຫັນວິທີການນໍາໃຊ້ການດັດແກ້ຫຼາຍຄັ້ງຕໍ່ເວລາ. ກ່ອນອື່ນ ໝົດ, ຂ້ອຍຈະອັບເດດຊຸດຂໍ້ມູນທີ່ຂ້ອຍຈະດຶງຂໍ້ມູນຈາກ.ເນື່ອງຈາກຂ້ອຍໄດ້ຕັດສິນໃຈທີ່ຈະປ່ຽນການເນັ້ນຂອງເຊວ, ສີຂໍ້ຄວາມແລະຄວາມກວ້າງຂອງຂອບ, ຕົວກໍານົດການທັງຫມົດເຫຼົ່ານັ້ນຈໍາເປັນຕ້ອງໄດ້ລະບຸ. ດັ່ງນັ້ນ, ຊຸດຂໍ້ມູນໃໝ່ຂອງຂ້ອຍຈະມີລັກສະນະຄື:

ສ່ວນຫຼຸດ	ລະຫັດສີ	ລະຫັດພື້ນຫຼັງ	ຄວາມກວ້າງຂອງຂອບ
10%	#00B0F0	#DEEBF6	2
15 %	#00B050	#E2EFD9	2.5
20%	#FFC000	#FFF2CC	3
25%	#4630A0	#FBE5D5	3.5<11

ດັ່ງນັ້ນ, ຖ້າຂ້ອຍເລືອກ 10%, ຂໍ້ຄວາມທີ່ຈໍາເປັນຈະຖືກທາສີເປັນສີຟ້າ (# 00B0F0 ), ພື້ນຫລັງຂອງເຊລທີ່ເລືອກຈະຖືກໃສ່ໃນຮົ່ມ. ໂຕນສີຟ້າອ່ອນ (# DEEBF6 ) ແລະຂອບຂອງພວກມັນຈະຖືກຂະຫຍາຍອອກສອງເທື່ອ.

ແຕ່ວ່າຊຸດຂໍ້ມູນນີ້ສາມາດເຊື່ອມຕໍ່ກັບຕາຕະລາງ Outlook ໄດ້ແນວໃດເພື່ອໃຫ້ມັນມີຮູບແບບ? ຂ້ອຍໄດ້ກະກຽມເຈົ້າສໍາລັບວຽກງານນີ້ໃນ 2 ບົດຄວາມ :) ນີ້ແມ່ນ HTML ທີ່ຈະຈັດການກັບການດັດແກ້ທີ່ຈໍາເປັນທັງຫມົດ:

ຕົວຢ່າງສ່ວນຫົວ 1

< ຕົວຢ່າງສ່ວນຫົວ 2

ສ່ວນຫົວຕົວຢ່າງ 3

~%WhatToEnter[{dataset:' ຊຸດຂໍ້ມູນທີ່ມີສ່ວນຫຼຸດ',column:'Discount',title:'ເລືອກສ່ວນຫຼຸດ'}] ສ່ວນຫຼຸດ

ຕອນນີ້ໃຫ້ເຮົາມາເບິ່ງການດັດແປງທັງໝົດທີ່ນຳໃຊ້:

• ຕົວຢ່າງສ່ວນຫົວ 1 - ຊິ້ນສ່ວນນີ້ຈະທາສີຂໍ້ຄວາມສ່ວນຫົວເປັນສີຈາກຖັນ “ລະຫັດສີ”. ໃນກໍລະນີທີ່ເຈົ້າຮູ້ສຶກຄືກັບວ່າທ່ານຕ້ອງການໂຫຼດຂໍ້ມູນຄວາມຊົງຈຳຂອງທ່ານໃນຮູບແຕ້ມຂໍ້ຄວາມ, ໃຫ້ອ້າງອີງເຖິງການປ່ຽນສີຕົວອັກສອນຂອງຕົວໜັງສືໃນບົດຕາຕະລາງຂອງບົດສອນກ່ອນໜ້າຂອງຂ້ອຍ.
• data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'Background code',title:'Select discount'}] - ສ່ວນນີ້ອັບເດດສີພື້ນຫຼັງ, ເອົາລະຫັດຂອງມັນມາຈາກຖັນ ລະຫັດພື້ນຫຼັງ ຂອງຊຸດຂໍ້ມູນ. ລອງເບິ່ງການສອນການແນະນຳເຊລແບບ Highlight ຖ້າເຈົ້າຮູ້ສຶກວ່າຕ້ອງການລາຍລະອຽດເພີ່ມເຕີມຂອງກໍລະນີນີ້.
• data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] – ຄວາມກວ້າງຂອງເສັ້ນ HTML ນີ້ຈະຖືກປ່ຽນເປັນອັນທີ່ລະບຸໄວ້ໃນ ຄວາມກວ້າງຂອງຂອບ ຂ້ອຍໄດ້ອະທິບາຍໄວ້ກ່ອນໜ້ານີ້, ເຈົ້າອາດເບິ່ງໄດ້ໃນກໍລະນີທີ່ເຈົ້າພາດບາງສິ່ງບາງຢ່າງ.

ເມື່ອຂ້ອຍວາງແມ່ແບບທີ່ມີຄຸນລັກສະນະເຫຼົ່ານັ້ນເພີ່ມ, ຜົນໄດ້ຮັບຈະບໍ່ເຮັດໃຫ້ຂ້ອຍລໍຖ້າ:

ມີບັນທຶກນ້ອຍໆທີ່ຂ້ອຍຢາກເຮັດກ່ອນປິດຫົວຂໍ້ນີ້. ໃນຂະນະທີ່ຂ້ອຍກໍາລັງທົດສອບການໃສ່ສີຂອງເສັ້ນຂອບໃນຕາຕະລາງ, ຂ້ອຍໄດ້ປະເຊີນກັບພຶດຕິກໍາທີ່ບໍ່ຊັດເຈນຂອງຊາຍແດນໃນທັງອອນໄລນ໌ແລະ desktop ຂອງ Outlook. ມີຄວາມສັບສົນເລັກນ້ອຍ, ຂ້ອຍໄດ້ໄປຫາຜູ້ພັດທະນາຂອງພວກເຮົາເພື່ອຄວາມກະຈ່າງແຈ້ງ. ພວກເຂົາພົບວ່າລູກຄ້າ Outlook ທີ່ແຕກຕ່າງກັນສະແດງຕາຕະລາງໃນວິທີທີ່ແຕກຕ່າງກັນແລະເຫດຜົນຂອງພຶດຕິກໍາດັ່ງກ່າວແມ່ນຂໍ້ຜິດພາດໃນ Outlook.

ທີມງານຂອງພວກເຮົາໄດ້ລາຍງານບັນຫານີ້ໃຫ້