Hướng dẫn power automate create html table from filter array - power automate tạo bảng html từ mảng bộ lọc

Tôi có một danh sách SharePoint (Danh sách siêu anh hùng) với ba cột tên siêu anh hùng, địa điểm, màu sắc.Superheros list ) with three columns Superhero Name, Place, Color.

Kịch bản 1: Tôi muốn gửi dữ liệu trong một email dưới dạng bảng HTML. Tôi không muốn bảng HTML tiêu chuẩn, nó nên được tạo kiểu với CSS.I want to send the data in an email in the form of HTML table. I don't want standard HTML table , it should be styled with CSS.

Kịch bản 2: Tôi muốn gửi dữ liệu trong một email có màu = làm lại màu xanh lá cây. Kiểu HTML tương tự được dự kiến ​​là Kịch bản 1. I want to send the data in an email whose Color = Red or Green. Same HTML styling is expected as Scenario 1.

Tôi đã thực hiện một vài sai lầm khi quay video, tôi sẽ giải thích nơi tôi đã sai và cách tôi đã sửa chúng.

Video cho Tệp hướng dẫn và Flow Zip này đã được đính kèm ở cuối bài đăng này

Danh sách SharePoint -

Kịch bản 1 đầu ra dự kiến ​​(trong email) -

Tôi muốn gửi dữ liệu trong một email dưới dạng bảng HTML. Tôi không muốn bảng HTML tiêu chuẩn, nó nên được tạo kiểu với CSS.

Kịch bản 2 đầu ra dự kiến ​​(trong email) -

Tôi muốn gửi dữ liệu trong một email có màu = đỏ hoặc xanh lá cây. Kiểu HTML tương tự được dự kiến ​​là Kịch bản 1.

Công thức cho truy vấn lọc -

Column_name eq 'Value' and / or Column_name eq 'Value'

Color eq 'Red' or Color eq 'Green'

Theo mặc định, đầu ra HTML từ luồng là -

Sau khi định dạng với CSS, đầu ra trông như thế này -

CSS được sử dụng trong dòng chảy -

Nếu bạn muốn thiết kế bảng HTML của riêng mình, bạn có thể tham khảo liên kết nàylink

Tôi đã sao chép kiểu CSS dưới đây từ đâyhere

<style>
table {
 border: 1px solid #1C6EA4;
 background-color: #EEEEEE;
 width: 100%;
 text-align: left;
 border-collapse: collapse;
}
table td, table th {
 border: 1px solid #AAAAAA;
 padding: 3px 2px;
}
table tbody td {
 font-size: 13px;
}
table thead {
 background: #1C6EA4;
 border-bottom: 2px solid #444444;
}
table thead th {
 font-size: 15px;
 font-weight: bold;
 color: #FFFFFF;
 border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
 border-left: none;
}
</style>

## Output_of_the_HTML_output_from_flow_goes_here ##

Xem video (4 phút) để hiểu chi tiết khái niệm -

Trong video này, tôi đã chạy dòng chảy 4 lần -

1. Đầu tiên chạy để cho thấy rằng chúng tôi đang lấy dữ liệu từ SharePoint và gửi thành công qua email to show that we are pulling the data from SharePoint and are successfully sending it through email

2. Chạy thứ hai với kiểu HTML CSS để có được bảng HTML thích hợp. with HTML CSS styling to get proper HTML table.

3. Chạy thứ ba, chúng tôi dự kiến ​​sẽ có được dữ liệu có cột "màu" bằng màu đỏ hoặc màu xanh lá cây nhưng tôi có công thức bằng văn bản để lấy dữ liệu có cột "màu" bằng màu đỏ và màu xanh lá cây (công thức là chính xác nhưng điều kiện sai ). Ở đây tôi nghĩ tên cột là sai nên tôi đã quay lại SharePoint để kiểm tra lại., we are expected to get the data whose column "Color" is equal to Red or Green but I have written formula to get the data whose column "Color" is equal to Red and Green ( Formula is correct but the condition is wrong ). Here I thought column name was wrong so I went back to SharePoint to double check.

4. Chạy thứ tư, chúng tôi đã nhận được kết quả dự kiến ​​sau khi sửa truy vấn bộ lọc để lấy dữ liệu có cột "màu" bằng màu đỏ hoặc màu xanh lá cây., We got the expected result after fixing the filter query to get the data whose column "Color" is equal to Red or Green.

# Đính kèm luồng để tham khảo

FilterqueryandHTMLtableinflow_20200702065216

.zip

Tải xuống zip • 3kb

Nếu bạn có bất kỳ truy vấn nào, hãy thoải mái đăng chúng trong phần bình luận.

Nếu bạn thấy bài đăng này hữu ích, hãy để lại một bình luận và bình luận ;-)

Chúc mừng !!!!