<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<link rel="stylesheet" type="text/css" href="ext-3.1.0/resources/css/ext-all.css">
<script type="text/javascript" src="ext-3.1.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.1.0/ext-all.js"></script>
<script language="javascript" src="ext-3.1.0/src/locale/ext-lang-ru.js"></script>
<script type="text/javascript" src="ext-3.1.0/examples/ux/LockingGridView.js"></script>
<link rel="stylesheet" type="text/css" href="ext-3.1.0/examples//ux/css/LockingGridView.css" />
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = 'ext-3.1.0/resources/images/default/s.gif';
var datesData = [
[new Date().format('d.m.Y'),'qqsdfsdqqqqq','qqqdfsdqqqq','qqqqqqq'],
[new Date().format('d.m.Y'),'qqsdfsdqqqqq','qqqdfsdqqqq','qqqqqqq']
];
boxRecord = new Ext.data.Record.create([
{name: 'DT'},
{name: 'DT1'},
{name: 'DT2'},
{name: 'DT3'}
]);
var datesStore = new Ext.data.ArrayStore({
fields: boxRecord
});
var gridDates = new Ext.grid.GridPanel({
store: datesStore,
id:'gridDate',
colModel: new Ext.ux.grid.LockingColumnModel([
{id:'dt',header:"Дата",align:'center', width: 139, dataIndex:'DT'},
{id:'dt1',header:"Дата1",align:'center',css : "background-color: #F5C0C0;", width: 139, dataIndex:'DT1'},
{id:'dt2',header:"Дата2",align:'center', width: 139, dataIndex:'DT2'},
{id:'dt3',header:"Дата3",align:'center',css : "background-color: #F5C0C0;", width: 139, dataIndex:'DT3'}]),
tripeRows: true,
autoScroll: true,
border: false,
loadMask: true,
view: new Ext.ux.grid.LockingGridView()
});
Ext.onReady(function () {
var viewport = new Ext.Viewport({
layout: 'border',
renderTo: Ext.getBody(),
items: [{
region: 'center',
border: false,
layout: 'fit',
items: [gridDates]
}]
});
datesStore.loadData(datesData);
});
</script>
</html>