ich nicht die richtige Antwort auf zwei Fragen Gitter (viele verschiedene Antworten, niemand gut) finden:ExtJS 4 und Netz Fragen
Seien Sie so nett, um mich bitte, bitte.
benutzerdefinierte CSS zu Ihrem Raster Nehmen. Etwas wie folgt aus:
#GridId div.x-grid-cell-inner { text-align: center; }
der Text in der Mitte der Säule Zum Zentrieren der align Eigenschaft verwenden, auf diese Weise align: 'center'. Beachten Sie, dass die E-Mail-Spalte zentralisiert ist.
Im Falle von vertikalen Linien ist es komplizierter. ExtJS hat eine Einstellung, um die Zeilen der Spalte columnLines: true anzuzeigen, hat aber keine Eigenschaft zum Anzeigen von Zeilen. Also sollten wir eine CSS Klasse verwenden und den unteren Rand setzen, auf diese Weise border-bottom-color: red !important;
Um in anderen Versionen von ExtJS Zugriff this fiddle zu testen.
var Grid1Store = new Ext.data.JsonStore({
fields: ['id', 'name', 'email'],
autoLoad: true,
data: [{
"id": 1,
"name": "John Smith",
"email": "[email protected]"
}, {
"id": 2,
"name": "Anna Smith",
"email": "[email protected]"
}, {
"id": 3,
"name": "Peter Smith",
"email": "[email protected]"
}, {
"id": 4,
"name": "Tom Smith",
"email": "[email protected]"
}, {
"id": 5,
"name": "Andy Smith",
"email": "[email protected]"
}, {
"id": 6,
"name": "Nick Smith",
"email": "[email protected]"
}]
});
var onReadyFunction = function() {
var grid = new Ext.grid.GridPanel({
renderTo: Ext.getBody(),
frame: true,
title: 'Example',
width: 450,
height: 200,
store: Grid1Store,
columns: [{
header: "Id",
dataIndex: 'id',
width: '50px'
}, {
header: "Name",
dataIndex: 'name',
width: '150px'
}, {
header: "Email",
dataIndex: 'email',
width: '200px',
align: 'center'
}]
});
}
Ext.onReady(onReadyFunction);.x-grid-cell {
border-bottom-color: red !important;
}<script src="http://cdn.sencha.com/ext/gpl/4.2.0/ext-all.js"></script>
<link type="text/css" rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/resources/css/ext-all.css")/>
Während dies ein wertvoller Hinweis sein könnte zu lösen braucht das Problem, eine Antwort wirklich die Lösung zu demonstrieren. Bitte [bearbeiten], um Beispielcode anzugeben, um zu zeigen, was Sie meinen. Alternativ können Sie dies auch als Kommentar schreiben. –
@TobySpeight Ich muss 50 Ruf haben, um anderen Posts einen Kommentar hinzuzufügen. – Vel
Versuchen Sie, css so auf Ihr Raster anzuwenden. #GridId div.x-grid-zelle-inner { text-align: center; } – Vel