2012-02-22 22 views
6

Tôi có một cột trong slickgrid nơi tất cả các ô cần phải có một số đệm được áp dụng cho phía bên phải của ô. Tôi sử dụng thuộc tính cssClass khi khởi tạo các cột cho lưới, nhưng điều này chỉ áp dụng cho các ô không tiêu đề của cột. Làm thế nào để tôi chỉ định một lớp css để sử dụng cho tiêu đề cũng như vậy tôi có thể áp dụng đệm đúng cho nó là tốt? Nếu không có đệm đó, ô tiêu đề sẽ hơi lệch với các ô còn lại bên dưới ô đó.làm cách nào để áp dụng một lớp vào ô tiêu đề cho một cột trong slickgrid

Trả lời

7

Nếu các kiểu này áp dụng cho tất cả các ô, bạn có thể tạo kiểu cho chúng bằng cách sử dụng các lớp CSS .slick-cell.slick-headerrow-column được tích hợp sẵn. Tuy nhiên, một điều cần lưu ý là các kiểu của bạn có thể không ghi đè các giá trị mặc định của SlickGrid nếu chúng có độ đặc hiệu quy tắc thấp hơn. Nếu đó là sự cố trong ứng dụng của bạn, hãy tăng độ đặc hiệu của quy tắc hoặc sử dụng !important - .slick-cell { padding-right:10px !important; }.

+0

Vấn đề là tôi không muốn áp dụng nó cho tất cả các ô hoặc tất cả các cột - tôi chỉ muốn áp dụng nó vào một ô tiêu đề cột. Tôi có thể đặt nó cho tất cả các ô trong một cột nhất định, chứ không phải là ô tiêu đề đó. Tôi không thể tìm thấy bất kỳ điều gì ngắn trong việc chọn cột thứ n trong danh sách đã chọn div.slick-headerrow-column jquery và áp dụng css theo cách đó để chỉ định tiêu đề cột mà tôi cần. Nó có vẻ như một cách tiếp cận làm việc quá sức để tạo kiểu cho một ô tiêu đề duy nhất. –

+7

Ồ, tôi hiểu rồi. Trong trường hợp đó, bạn có thể chỉ định một lớp CSS cho một tiêu đề cột thông qua định nghĩa cột - columnDef.headerCssClass. – Tin

+0

ahh, đó là những gì tôi đang tìm kiếm - cảm ơn bạn! –

Các vấn đề liên quan