thiết lập màu tiêu đề lưới viewview

Question

tôi đang làm việc trong asp.net và C# tôi có chế độ xem lưới. tôi có 10 cột trong chế độ xem lưới đó. Tôi có một số vấn đề với màu văn bản tiêu đề chế độ xem lưới. một số tiêu đề cột có liên kết (để sắp xếp). màu của văn bản tiêu đề như vậy là màu xanh lam nhạt. Sau khi nhấp vào thay đổi màu xanh thành màu khác.

một số tiêu đề cột không có liên kết. màu của văn bản tiêu đề như vậy là màu xám.

tôi muốn biến màu của toàn bộ văn bản tiêu đề thành một màu như màu xám. sau khi nhấp vào liên kết, nó phải có cùng màu. cảm ơn trước

Answer 1

Bạn có thể xác định lớp css trong tệp css của mình. Sau khi đã định nghĩa lớp của bạn, bạn có thể đặt thuộc tính CssClass lưới của bạn với tên lớp của bạn. Ví dụ:

.GridStyle 
{ 
    border: 6px solid rgb(217, 231, 255); 
    background-color: White; 
    font-family: arial; 
    font-size: 12px; 
    border-collapse: collapse; 
    margin-bottom: 0px; 
} 
.GridStyle tr 
{ 
    border: 1px solid rgb(217, 231, 255); 
    color: Black; 
    height: 25px; 
} 
/* Your grid header column style */ 
.GridStyle th 
{ 
    background-color: rgb(217, 231, 255); 
    border: none; 
    text-align: left; 
    font-weight: bold; 
    font-size: 15px; 
    padding: 4px; 
    color:Black; 
} 
/* Your grid header link style */ 
.GridStyle tr th a,.GridStyle tr th a:visited 
{ 
     color:Black; 
} 
.GridStyle tr th, .GridStyle tr td table tr td 
{ 
    border: none; 
} 

.GridStyle td 
{ 
    border-bottom: 1px solid rgb(217, 231, 255); 
    padding: 2px; 
} 

Answer 2

Bạn có thể áp dụng kiểu và lớp css cho các phần tử khác nhau của GridView thay vì chỉ áp dụng lớp css cho GridView chính.

<AlternatingRowStyle CssClass="style1" /> 
<RowStyle CssClass="style2" /> 
<HeaderStyle CssClass="style3" /> 
<FooterStyle CssClass="style4" /> 
<SelectedRowStyle CssClass="style5" /> 

Nếu bạn xem HTML được tạo cho GridView, bạn có thể xác định yếu tố nào được cung cấp cho lớp học, sau đó bạn có thể áp dụng bất kỳ kiểu dáng nào bạn muốn.

Chủ yếu là tạo kiểu tr, th, td trong bảng.

Answer 3

Bạn cần phải thêm video này vào CSS:

.grid-header a 
{ 
    color: White; 
    font-weight: bold; 
} 

và điều này để gridviews có sắp xếp được: HeaderStyle CssClass="grid-header" để sắp xếp các màu xanh trên vấn đề màu xanh ...