如何添加類細胞中的jqGrid

我已在colModel以下，如何添加類細胞中的jqGrid

colModel:[ 
         {name:'alertid',index:'alertid', width:0, align:'left', sortable:false,hidden:true, resizable:false}, 
         {name:'name',index:'name', width:12, sortable:false, resizable:false, classes:'colCell'}, 
         {name:'alerttype',index:'alerttype', width:0, align:'left', sortable:false, hidden:true, resizable:false} 
       ],

和類：

.colCell { 
      padding-left: 15px 
     }

但類沒有被應用到單元格。

我在做什麼錯？只有某些版本才能使用「課程」選項？

我正在使用的jqgrid是4.1.1。

來源

2013-07-18 Harke

的原因是應用CSS樣式的優先級。如果你想打開的演示一樣的青春在Internet Explorer中，按F12的啓動開發者工具，然後選擇電池（按Ctrl + 乙），其中colCell沒有被應用，你會看到類似下面

enter image description here

上.ui-jqgrid tr.jqgrow td所以更具體的CSS規則覆蓋你的CSS規則。所以你只需要改變你的規則，例如

.ui-jqgrid tr.jqgrow td.colCell { 
    padding-left: 15px; 
}

現在它將按預期應用。見the demo（列「客戶」已經離開填充15像素）：

enter image description here

來源

2013-07-19 10:05:36 Oleg

這做到了。放大我想要的單元格的權利。 – Harke

這是另一種解決方案着色：Adding a CSS class to a column

如果你想使用「類」參數，你可能需要！ '重要的'，但使用：

http://www.trirand.com/blog/?page_id=393/help/jqgrid-set-a-fixed-background-color-for-an-entire-column/

來源

2013-07-19 09:08:49

如何添加類細胞中的jqGrid

回答

相關問題