Tôi muốn áp dụng màu cho các hàng của Danh sách SharePoint dựa trên trạng thái hoặc tương tự.Làm cách nào để áp dụng màu cho Danh sách SharePoint, dựa trên Trạng thái?
Xin vui lòng ai đó có thể cho tôi biết chi tiết cách thực hiện việc này.
Tôi muốn áp dụng màu cho các hàng của Danh sách SharePoint dựa trên trạng thái hoặc tương tự.Làm cách nào để áp dụng màu cho Danh sách SharePoint, dựa trên Trạng thái?
Xin vui lòng ai đó có thể cho tôi biết chi tiết cách thực hiện việc này.
Có rất nhiều bài đăng về xuất sắc Path To SharePoint blog về chủ đề này.
Tôi sẽ không liệt kê các bài đăng riêng lẻ, nhưng kỹ thuật này được gọi là 'Html Calculated Column'.
Mặc dù đây là câu trả lời muộn, câu hỏi này vẫn được hỏi rất nhiều.
tôi đã đặt cùng một bản tóm tắt các phương pháp có thể làm điều này, với các liên kết đến các trang có walkthrough chi tiết hơn (bao gồm cả giải pháp Christophe của đề cập bởi @Muhimbi):
How to do list highlighting in SharePoint
Đó là công ty của tôi Blog [xin lỗi], và được lấy cảm hứng bằng cách tạo ra một sản phẩm thương mại có chức năng này [xin lỗi], và tôi chắc chắn đề cập đến sản phẩm trong blog [
mua ngay bây giờ
xin lỗi].
mã dưới đây nổi bật và thêm phong cách cho cha mẹ (gần nhất) dòng của bảng dựa trên một số ô trong bảng giá trị số
dạng có điều kiện trong nhà thiết kế SharePoint không hoạt động đúng đắn và cách tôi mong đợi và sử dụng mã jquery này là tốt hơn nhiều
<script src="https://portal/SiteAssets/jsLibrary/jquery.1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
// Wait until SP.JS has loaded before calling ConditionalFormatting
ExecuteOrDelayUntilScriptLoaded(ConditionalFormatting, "sp.js");
});
function ConditionalFormatting(){
jQuery('table[id*="7011A98DAFA5"] tbody td').each(function(){
var valD=parseFloat(jQuery(this).text());
if (valD== 0.16){
jQuery(this).closest('tr').css('background-color','yellow')
}
else if (valD > 0.16){
jQuery(this).closest('tr').css({'background-color':'red'})
}
else if (valD< 0.16){
jQuery(this).closest('tr').css('background-color','green')
}
});
}
</script>