Word-break:break-all для заголовков столбцов jqxgrid ⇐ Jquery

[Anonymous]

Код: Выделить всё

var CreatedTABLETGrid = function (catid) {

var columns =
[

{ text: 'Integrator/Online/Business Partner', datafield: 'StockRange', columntype: 'textbox', filtercondition: 'contains', width: '3%', cellclassname: 'stockcolumns' }
];

var gridData = generatedata();
var source =
{
totalrecords: gridData.length,
localData: gridData,
datafields:
[

{ name: 'StockRange', type: 'string' },

],
datatype: "array"
};
var dataAdapter = new $.jqx.dataAdapter(source);
$("#ProductPriceList").jqxGrid(
{

theme: "ui-redmond",
width: '100%',
autoheight: true,
source: dataAdapter,
columnsresize: true,
groupable: true,
sortable: true,
showfilterrow: true,
filterable: true,
autoshowfiltericon: true,
selectionmode: 'multiplecellsextended',
columns:columns

});}

У меня есть сетка ProductPriceList. Я хочу применить разрыв слов к заголовкам столбцов. Я попытался применить собственный CSS ниже:

Код: Выделить всё

#columntableProductPriceList {
word-wrap: break-word !important;
/* IE 5.5+ and CSS3 */
white-space: normal !important;
/*height: auto !important;*/
vertical-align: text-top !important;
padding-top: 2px !important;
padding-bottom: 3px !important;
}

но не сработало, особенно при использовании высоты: auto !important; не отображает текст в заголовке.
Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/784 ... mn-headers