Faire un retour à la ligne dans un gridPanel [Résolu]

[Nheil]

Bonjour à tous,

j'utilise des gridpanel dans extjs et je cherche une solution afin que si le texte d'une colonne soit plus long que la colonne en question, on face un retour à la ligne.

J'ai fait pas mal de recherche google sans succès..

Si quelqu'un à une idée..

Cordialement,

[Nheil]

Je me permet d'être un peu plus précis dans ma demande.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var grdActionsTickets = new Ext.grid.GridPanel({
		id: 'grdActionsTickets',
		renderTo: document.getElementById('divcontentProblemeHtml' + numAppel),
		ds: stoTicketsActionPublique,
		title: 'Action sur votre ticket',
		iconCls: 'linkBreak',
		loadMask: {showMask: true, msg: 'Chargement en cours...'},
		width: 800,
		height: 400,
		sm: new Ext.grid.RowSelectionModel({ singleSelect: true }),
		cm: new Ext.grid.ColumnModel([
			{header: "Date de l'Action",		dataIndex: 'DAction',		width: 148,	sortable: true},
			{header: "Type de l'Action ",		dataIndex: 'TypeAction',	width: 148,	sortable: true},
			{header: 'Commentaire',				dataIndex: 'ComPublic',		width: 500,	sortable: true}
		])

[Nheil]

Voila la solution, un simple petit bout de code css.

Code css :

1
2
3
#grdActionsTickets .x-grid3-cell-inner {
    white-space:normal !important;
}