jqgridダブルヘッダー

Question

jqgridに2つのヘッダーを含めることができます。 1つはcolModelと1つはcolModelなし？

また、1つの行をクリックすると、グリッド全体がハイライト表示される問題があります。この問題を解決するにはどうすればよいですか？

CSSコード：

.cssclass{ 

      background-color : #EEEEEE; 
      font-family: Verdana, Arial, Helvetica, sans-serif; 
      font-size: 11px; 
      color: #0B0B61; 
      border: 0; 
      font-weight: bold; 
      text-align: center; 
      text-indent: 2pt; 
      padding-top: 2px; 
      padding-right: 2px; 
      padding-left: 2px; 
      left: expression(parentNode.parentNode.parentNode.parentNode.parentNode.scrollLeft); 
      position:relative; 
      z-index:10; 
      cursor: default; 
    } 

jqgridコード：

 $.ajax({ 

      type: "POST", 
      url: 'cfcs/index.cfc?method=getCols', 
      data: "", 
      dataType: "json", 
      success: function(result) 
      { 

       colM = eval("([" + result.COLMODEL + "])"); 
       colN = result.COLNAMES; 


       jQuery("#list").jqGrid({ 

        url:'cfcs/index.cfc?method=getDetails', 
        datatype: 'json', 
        mtype: 'POST', 

        colNames:colN, 
        colModel :colM, 
        height: 'auto', 
        hoverrows: true, 
        width: 1260, 
        shrinkToFit: false, 
        pager: jQuery('#pager'), 
        resizable: false, 
        rowNum: 25, 
        rowList: [25, 50, 100], 
        viewrecords: true, 
        jsonReader: { 
         root: "ROWS", //our data 
         page: "PAGE", //current page 
         total: "TOTAL", //total pages 
         records:"RECORDS", //total records 
         cell: "", 
         id: "0" 
        } 
        //loadComplete: function(data){alert('loaded');}, 
        //loadError: function(xhr,status,error){alert('error');} 
       }) 
       $("#list").setLabel("col1","<br><br>col1","cssclass"); 
       $("#list").setLabel("col2","<br><br>col1","cssClass"); 

       $("#list").jqGrid('navGrid','#pager',{ 
        edit:false, 
        add:false, 
        del:false, 
        search:true, 
        refresh: true, 
        searchtext:"Search", 
        refreshtext: "Refresh", 
        'cloneToTop':true 
       }); 
      }, 
      error: function(x, e) 
      { 
       alert(x.readyState + " "+ x.status +" "+ e.msg); 
      } 


     }); 

感謝。

Answer 1

第2の問題について。私はすべてのグリッド行に同じIDを使用することをお勧めします。行IDは一意でなければなりません。

約2つのヘッダーについて私はあなたが何を意味するのか本当に理解しません。あなたは他の言葉で何を意味するのか、写真を投稿することができます。

Answer 2

日付範囲ごとに別々のグリッドを配置し、それらが一緒に見えるように書式設定することを検討することもできます。

--------------------------------------------------- 
|   1/1/2010  |   1/2/2010  | 
--------------------------------------------------- 
| grid 1 header  | grid 2 header   | 
--------------------------------------------------- 

あなたが一緒に、種々のGRID1のイベント、及びgrid2を結ぶので、GRID1の行10を選択することもgrid2でそれを選択することができました。

「Advanced」のsubgrid demos hereを見て、データに適したものがあるかどうかを確認することもできます。

---

代替

あなたのコメントを介して読んだ後、私はこれがちょうど日付範囲の単位を変更する、あなたが望むものに近いかもしれないと思います。

.ui-jqgrid .ui-jqgrid-htable th div 
{ 
    height: auto; 
    padding: 5px 0px; 
}