just try.
[code="html"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ExtJS Test
<br>
<style><br>
.ext-ie .x-menu-item-icon {left: -24px;}<br>
.ext-strict .x-menu-item-icon {left: 3px;}<br>
.ext-ie6 .x-menu-item-icon {left: -24px;}</p>
<pre><code> .x-props-grid .x-grid3-hd-name{
text-align:right;
}
.x-props-grid .x-grid3-td-value{
text-align:left;
}
</code></pre>
<p></style></p>
<script>
Ext.onReady(function() {
var propsGrid = new Ext.grid.PropertyGrid({
renderTo: Ext.getBody(),
width: 300,
autoHeight: true,
propertyNames: {
tested: 'QA',
borderWidth: 'Border Width'
},
source: {
'(name)': 'Properties Grid',
grouping: false,
autoFitColumns: true,
productionQuality: false,
created: new Date(Date.parse('10/15/2006')),
tested: false,
version: 0.01,
borderWidth: 1
},
viewConfig : {
forceFit: true,
scrollOffset: 2 // the grid will never have scrollbars
}
});
});
[/code]