關於jqGrid的兩個問題

Question

我需要擺脫鼠標懸停突出顯示，當您將鼠標懸停在jqgrid的列標題上時，不會出現其他任何內容。有關如何做到這一點的任何文件？或者我可以在哪裏開始？另外，如何根據列標題中字符串的寬度獲取自動列寬？我需要手動設置嗎？

謝謝。

更新的清晰度清酒

我用tabletoGrid。我擺脫了桌子的排序功能（這給我一些問題）。但是當您將鼠標懸停在上面時，色譜柱仍然亮起。我的肛門保留性BA希望功能消失。所以一定要去。沒有自動列寬選項？ jqGrid上的夥計們需要跟上它。如果我早先知道這一點，我會選擇一個不同的工具。

var $grid = $('#table1'), 
     hdiv = $grid[0].grid.hDiv, 
     $columnHeaders = $("thead tr.ui-jqgrid-labels th", hdiv) 
    $columnHeaders.unbind('mouseenter'); 
    $columnHeaders.unbind('mouseleave'); 

更新：我如何調用代碼

jQuery(document).ready(function() {    
     tableToGrid("#table1", { cmTemplate: { sortable: false }, 
      height: 500, 
      autowidth: true, 
      colNames: ['Name', 'Description', 'Population Type'] 
     }); 
    }); 
    var $grid = $('#table1'), 
     hdiv = $grid[0].grid.hDiv, 
     $columnHeaders = $("thead tr.ui-jqgrid-labels th", hdiv) 
    $columnHeaders.unbind('mouseenter'); 
    $columnHeaders.unbind('mouseleave'); 

Answer 1

如果我理解你糾正你的問題是jqGrid的代碼the line

$("thead tr:first th",this).hover(
    function(){$(this).addClass('ui-state-hover');}, 
    function(){$(this).removeClass('ui-state-hover');} 
); 

的hover方法是捷徑mouseenter和mouseleave bin丁。因此，要解除您需要執行的事件，請執行以下代碼：

var $grid = $('#list'), // the grid 
    hdiv = $grid[0].grid.hDiv, // DOM of the hdiv - the div which contain headers 
    $columnHeaders = $("thead tr.ui-jqgrid-labels th", hdiv); // th elements 
$columnHeaders.unbind('mouseenter'); 
$columnHeaders.unbind('mouseleave'); 

請參閱演示here。