2011-02-04 31 views
8

Tôi có vấn đề sau: Tôi cần đặt hai hoặc nhiều hàng tiêu đề nội dung của một Jqgrid. Tôi thấy ví dụ được cung cấp bởi Zac trên jqgrid double headers theo các lựa chọn thay thế, nhưng bằng cách thay đổi chỉ css tôi không nhận được thay đổi trên lưới điện. Có thể có một ví dụ hoàn chỉnh hơn để tái tạo hành vi không? Cảm ơn AngeloTiêu đề Jqgrid trên hai hoặc nhiều hàng

Trả lời

21

Nếu tôi hiểu bạn đúng, bạn muốn có tiêu đề cột nhiều dòng. Bạn có thể làm điều này với sau thêm CSS

<style type="text/css" media="screen"> 
    th.ui-th-column div{ 
     white-space:normal !important; 
     height:auto !important; 
     padding:2px; 
    } 
</style> 

Sau đó bạn sẽ có cột như đây enter image description here

Trong ví dụ văn bản 'Số tiền trong EUR' được bọc cách tự động và trong văn bản từ tiêu đề đầu tiên ngắt dòng được thực hiện rõ ràng với 'Inv
Không'.

Trong the answer bạn sẽ thấy liên kết đến bản trình diễn.

CẬP NHẬT: Trong the answer bạn sẽ tìm thấy mã gần đây hơn.

+0

cảm ơn rất nhiều, xin hãy trả lời nhanh chóng. Nó hoạt động như một say mê. Kính trọng, angelinux – Angelinux

+0

+1 Tuyệt vời Tôi vừa mới hỏi câu hỏi chính xác này với hy vọng rằng Oleg sẽ trả lời ... nhưng anh ta đã có. –

+0

+50 bounty được thêm vào và sẽ dành cho câu trả lời của Olegs. Chỉ cần đợi (1 ngày) trước khi nó có thể được trao. –

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