在JqGrid中包裝文本行

Question

您可以在JqGrid中獲取文本行嗎？我看了一圈，但我找不到任何東西。

Answer 1

試試下面的CSS：

.ui-jqgrid tr.jqgrow td { 
     white-space: normal !important; 
    } 

此使用的jqGrid 3.6爲我工作。

---

由於N30指出，jqGrid的4.0現在支持可允許對文本換行更好的控制粒一cellattr colModel選項。從他的例子：

cellattr: function (rowId, tv, rawObject, cm, rdata) { 
    return 'style="white-space: normal;"'; 
} 

Answer 2

隨着jqGrid的4.0，更好的方法來做到這一點是使用cellattr在colmodel 這樣的： -

colModel: [ 
      { name: 'ClientName', label: 'Client', index: 'ClientName', width: 150, cellattr: function (rowId, tv, rawObject, cm, rdata) { return 'style="white-space: normal;"' } }, 

      .... other columns 

      ] 

這樣你可以申請環繞樣式單個列並且不必使用！重要的

Answer 3

我有這個問題的標題，發現我需要所有這些以便在IE中修復它。請注意，這是用於標題，而不是單元格。這個問題可能比你想要的效果更大（因爲我相信我會在後面發現），但是你總是可以細化CSS選擇器和/或讓它們引用特定的#tableIdName或某個類，以便你可以請隨意加入。

.ui-jqgrid .ui-jqgrid-htable th div { 
overflow: visible !important; 
height: auto !important; 
} 

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { 
    white-space: normal !important; 
} 

.ui-jqgrid .ui-th-div-ie{ 
    white-space: normal !important; 
} 

Answer 4

可以使用classes colModel選項，把你列一個CSS類，然後把你的CSS文件上該類風格white-space: normal !important; ...

類

字符串

此選項允許向該列添加類。如果使用多個類，則應設置空格。例如classes:'class1 class2'將爲該列上的每個單元設置一個class1和class2。

在網格CSS中有一個預定義的類ui-ellipsis，它允許將省略號附加到特定的行。此外，這也可以在FireFox中使用。