Làm cách nào để tạo kiểu cho bảng html từ luồng tự động hóa nguồn?

Xin chào các chuyên gia

   Tôi có một luồng trong hình

ThưLuồng và tôi hy vọng phông chữ của bảng HTML trong nội dung thư là Arial, nhưng khi tôi

Biểu thức "trống" sẽ hoạt động nếu đầu vào của bạn là đầu vào kiểu chuỗi, vì đó là một số mà chúng ta chỉ cần lặp lại hai lần và thay thế nó bằng một dấu kiểm bằng,

@{items('Apply_to_each_2')?['Sales Rep']}
@{formatNumber(if(equals(items('Apply_to_each_2')?['MTD WINs # . ##')}
@{formatNumber(if(equals(items('Apply_to_each_2')?['MTD WIN $'],null),0,items('Apply_to_each_2')?[ . ##')}
@{formatNumber(if(bằng(items('Apply_to_each_2')?['MTD WINs C1%'],null),0,items('Apply_to_each_2')? . ## %')}

Trân trọng,

Shaik Sha
___________________________________________________________________________
Nếu tôi đã trả lời câu hỏi của bạn, vui lòng đánh dấu bài đăng là Đã giải quyết.
Nếu bạn thích câu trả lời của tôi, vui lòng ủng hộ câu trả lời đó.

Tôi tự hỏi liệu có ai có bất kỳ ý tưởng nào về cách định dạng đầu ra HTML mà tôi đã gửi vào Kênh Microsoft Teams không (đối với mục đích thử nghiệm, bạn sẽ nhận thấy chỉ có bot luồng gửi đầu ra cho chính tôi). Hiện tại nó trông khá tệ và mọi nỗ lực định dạng bằng CSS hoặc bằng cách thay đổi trình kích hoạt Cột HTML đều không hoạt động. Mọi sự trợ giúp sẽ rất được trân trọng

Trong Power Automate, chúng tôi sử dụng tác vụ Tạo bảng HTML để tạo bảng động nhưng tác vụ này thiếu các tùy chọn định dạng/tạo kiểu

Trong bài đăng này, chúng ta sẽ xem định dạng bảng được tạo bởi power automate bằng CSS. Đây là ví dụ mẫu về đầu ra của bảng Tạo HTML và nó không có bất kỳ kiểu dáng bảng nào

Đầu ra của Tạo bảng HTML

Power Automate tạo mã HTML có thể dễ dàng sửa đổi hoặc tạo kiểu với sự trợ giúp của CSS. Thêm một hành động soạn thảo như bước tiếp theo để Tạo hành động bảng HTML và nhập CSS bên dưới vào hành động soạn thảo

Thêm đầu ra của thao tác soạn thảo và Tạo bảng HTML để Gửi Email

Đây là bảng được định dạng và chúng tôi có thể tùy chỉnh bảng html/mã html của mình theo các yêu cầu từ dễ đến phức tạp

Trong một trong những bài đăng trên blog trước đây của tôi, chúng ta đã học cách gửi thư báo cáo hàng tuần với dữ liệu của danh sách SharePoint

Bàn không đẹp lắm. Thậm chí không có đường viền để phân tách các cột hoặc hàng

Chúng tôi muốn đạt được một bảng theo kiểu

Chúng tôi có hai cách để thêm kiểu dáng cho bảng. Cách đầu tiên là cách đơn giản nhất để đạt được một bảng theo kiểu hoàn chỉnh với CSS. Cách thứ hai cũng dễ, nhưng chỉ cần thêm đường viền mà không cần sử dụng CSS

Chúng tôi đã tạo bảng HTML, nếu bạn muốn biết thêm về điều đó, hãy xem cách tạo bảng HTML bằng Power Automate

Thao tác tạo bảng HTML

Cách dễ nhất để thêm CSS vào bảng HTML

Trong hành động tiếp theo, chúng tôi sẽ thêm kiểu dáng cho bảng

Chỉ cần thêm hành động “Soạn thư”, viết CSS và thêm đầu ra của hành động “Tạo bảng HTML” bên dưới CSS

Thêm CSS vào bảng HTML được tạo trong Power Automate

Bạn có thể thay đổi CSS bao nhiêu tùy thích

Nếu trước tiên bạn muốn viết mã CSS trong trình chỉnh sửa trực tuyến, chẳng hạn như W3Schools Tryit Editor, hãy chạy quy trình của bạn và sao chép HTML ra khỏi đầu ra hành động “Tạo bảng HTML”

Điều này có lợi thế là bạn không phải chạy quy trình mỗi lần để xem kết quả thay đổi CSS của mình

Để sao chép HTML, hãy nhấp vào “Hiển thị đầu ra thô”

Sao chép HTML

Dán nó vào Trình chỉnh sửa mã trực tuyến của W3Schools, dán CSS của bạn lên trên HTML

Soạn CSS trong trình chỉnh sửa trực tuyến

Nhấp vào nút "Chạy" màu xanh lá cây và xem bảng được tạo kiểu

Tạo kiểu bảng bằng thẻ viền HTML

Bạn có hài lòng với kết quả dưới đây?

Thêm hành động Soạn thư bằng công thức thay vì viết CSS. Công thức này chỉ thay thẻ bảng bằng thẻ bảng mới có đường viền

replace(body('Create_HTML_table'),'','')
Hoàn tất quy trình, gửi bảng HTML
Khi bạn hoàn thành việc tạo kiểu cho bảng của mình, hãy đảm bảo thêm đầu ra chính xác vào hành động “Gửi email”
Bạn có thể sử dụng HTML trong Power Automate không?
Tùy chọn 1. Viết HTML trực tiếp vào luồng
. Nhập bất kỳ nội dung HTML nào vào phần nội dung của email. 
Power Automate có hỗ trợ CSS không?
Kiểu dáng nâng cao
. Chúng tôi cũng có thể đặt chiều rộng của mỗi cột. We can also use some inline CSS style elements to set the table style and to set the table header style. We can also set the width of each column.
3 yếu tố HTML chính để bắt đầu xây dựng một bảng là gì?
Một bảng HTML bao gồm một phần tử 
, 
 





, and 
 . Phần tử 

Đọc tiếp








programming
html



Reply
5
0
 Chia sẻ