Làm thế nào để thay đổi chiều cao tiêu đề trong lưới jQuery?

Question

Tôi có một lưới jQuery, với 5 cột. tên cột của tôi là quá lớn vì vậy tôi định nghĩa một cái gì đó như thế này trong lưới jQuery tôi:

Information about <br/> customers bioData 

Trong cột jQuery của tôi tôi nhìn thấy "Thông tin về" nhưng tôi không thể nhìn thấy "Khách hàng BioData".

Tôi làm cách nào để đặt chiều cao tiêu đề?

Answer 1

Nếu bạn đang đề cập đến jqGrid, có vẻ như việc sửa chữa là một tinh chỉnh CSS theo các điều khoản sau:

http://www.trirand.com/blog/?page_id=393/help/grid-header-height/ http://2centtech.blogspot.com/2009/12/jqgrid-header-and-cell-value-word-wrap.html

.ui-jqgrid .ui-jqgrid-htable th div { 
    height:auto; 
    overflow:hidden; 
    padding-right:4px; 
    padding-top:2px; 
    position:relative; 
    vertical-align:text-top; 
    white-space:normal !important; 
} 

Edit: Theo rd22 phát hiện ra trong các ý kiến, có vẻ như một số phiên bản của jqGrid có thể có cờ !important trên quy tắc chiều cao (và có thể là những người khác?). Vì vậy, nếu bạn thấy rằng CSS ở trên không hoạt động, đó có thể là lý do tại sao. Chỉ cần thay đổi các quy tắc trên để bao gồm height:auto !important và bạn nên làm tốt.

Answer 2

Tuyệt vời nhưng đối với IE, bạn cũng cần thêm phần bên dưới ngoài lớp học trên.

.ui-jqgrid table.ui-jqgrid-htable { 
    height:30px; 
} 

Answer 3

Thêm các kiểu css sau vào giữa thẻ kiểu trong tệp jQGrid của bạn.

<style> 
.ui-jqgrid .ui-jqgrid-hdiv {height:25px;} 
</style> 

Answer 4

Bạn cần đặt cả chiều cao tiêu đề (chiều cao) và chiều cao div.

.ui-jqgrid .ui-jqgrid-htable th { 
    height: 30px; 
    padding: 0 2px 0 2px; 
} 
.ui-jqgrid .ui-jqgrid-htable th div { 
    overflow: hidden; 
    position: relative; 
    height: 30px; 
}