2011-12-08 23 views
7

Tôi muốn tinh chỉnh giao diện của trang web sử dụng slickgrid. Vì vậy, tôi đã tìm kiếm một danh sách các lớp CSS có sẵn cho slickgrid để làm điều đó, nhưng không thể tìm thấy một.Có danh sách các lớp CSS cho slickgrid không?

Có danh sách như vậy và ai đó có thể chỉ cho tôi hoặc đó là cách tiếp cận kinh điển cho công việc của tôi khác không?

+0

Hãy thử hy vọng này hoạt động https://github.com/mleibman/SlickGrid/wiki/Examples – kapillohakare

+1

+1 Điều này sẽ hữu ích. Cách duy nhất tôi tìm thấy là xem các tệp css đi kèm với gói và sử dụng Firebug để kiểm tra mã được hiển thị. – njr101

+1

Thật không may slickgrid đang tạo ra rất nhiều các lớp động, có nghĩa là danh sách các lớp tồn tại từ trước rất có thể sẽ không đủ để đạt được những gì bạn muốn. – kinakuta

Trả lời

0

Slickgrid tạo ra các lớp học để xác định hàng và cột, nhưng từ nhìn vào sản lượng không có phong cách gắn liền với các lớp:

enter image description here

Bạn sẽ có thể để hàng phong cách và cột cộng SỐ CHẴN, tỷ lệ cược , các ô đang hoạt động sử dụng các lớp được cung cấp trong số default theme.

Nếu bạn muốn đi sâu hơn và các tế bào phong cách sử dụng phong cách được tạo ra, họ dường như đi:

.slick-row { 
    .slick-cell {// default cell style // } 
    .10 {//the row number starting at 10 // } 
    .r1 (//the column number starting at 1 // } 
} 

Vì vậy, bạn có thể tạo kiểu cho họ như vậy:

.slick-row .r0 { 
    //style first items in row 
} 

.slick-row .10.r0 { 
    //style first item in first row 
} 

.slick-row div[class^="r"] { 
    //style all elements starting with 'r' 
} 

.slick-row div[class^="r"]:nth-child(3) { 
    //style every third row element 
} 

Có nhiều cách hơn, nhưng tôi không thấy loại kiểu dáng bạn cần mà chủ đề mặc định không cung cấp. Nếu bạn cần kiểu dáng siêu cụ thể, (ví dụ: mỗi hàng thứ bảy của cột thứ năm, nhưng không phải là số nguyên tố), tôi muốn tạo kiểu cho các ô bằng javascript bằng cách sử dụng các lớp được đánh số.

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