2015-12-29 246 views
1

enter image description here我試圖在我的jqgrid中保留雙頭。不過,我不斷收到,我試圖問題:jqgrid雙頭問題

var grid = $("#list"), 
       mydata = [ 
        {date:"1",aaa:"2007-10-01",bbb:"test",cccc:"note",ddd:"200.00",eee:"10.00",fff:"210.00",ggg:"",hhh:"",proj:"",iii:""}, 
]; 

colModel:[ 
        {name:'date',index:'date',key: true,width:100,sorttype:"text"}, 
        {name:'time',index:'time',key: true,width:100,sorttype:"text"}, 
.... 
jQuery("#list").jqGrid('setGroupHeaders', { 
    // useColSpanStyle: true, 
     groupHeaders:[ 
     {startColumnName: 'date',numberOfColumns: 1, titleText: '<em>Price</em>'}, 
     {startColumnName: 'time',numberOfColumns: 1, titleText: 'Shiping'} 
     ] 
    }); 

我需要時間在第二集第一頭球功夫

Length of colNames < > colModel! 

代碼。

任何幫助?

+0

你可以包含演示,它能夠再現你當前的開發狀態嗎?你能更清楚地描述一下你希望用「雙頭」還是包括圖片的結果? – Oleg

回答

1

它看起來像你只需要創建多行列標題,而不是一些列標題分組在一起。因此setGroupHeaders的使用是錯誤的。

您需要使用的是在列標題文本內部(見another answer)的長列標題文本(請參閱the answer)或僅包含<br/>的包裝。理解colNameslabel屬性colModel包含將在列標題中設置的HTML片段很重要。因此可以使用HTML標記。取決於你使用的jqGrid的版本,你可以使用額外的CSS規則

.ui-jqgrid .ui-jqgrid-htable th div { height: auto } 
+0


作品完美。我也嘗試以相同的方式添加「問號按鈕」。這是將按鈕添加到標題的正確方法嗎?如果完全正確的話如何添加事件呢?你能指導嗎? – sahana

+0

@sahana:有很多方法可以將按鈕添加到列標題。如果您發佈的演示程序能夠再現您當前實施的內容,那麼效果會更好。你可以看看[答案](http://stackoverflow.com/a/8215019/315935),它提供了一個可能的實現的例子。 – Oleg

+0

感謝您的示例。我會試試看。如果我不明白,會回來。感謝您的幫助。 – sahana