Hi
i`v problem in grid panel for long records.
it shows the all record (short or long) in one line but i want that dynamically number line.
i385588_1line.jpg

PHP Code:
Ext.onReady(function(){
    // create the data store
    var ds = new Ext.data.Store({
            url: 'grid_core.php?contact_Id='+<?php echo $_REQUEST['contact_Id']; ?>,
            autoLoad : true,
        reader: new Ext.data.JsonReader({
            root: 'root',
            totalProperty: 'totalCount'
        }, [
            {name: 'file_name', mapping: 'file_name'},
            {name: 'fax_scan', mapping: 'fax_scan'},
            {name: 'fax_scan_show', mapping: 'fax_scan_show'},
            {name: 'owner', mapping: 'owner'},
            {name: 'description', mapping: 'description'},
            {name: 'modifydate', mapping: 'modifydate'},
            {name: 'delay', mapping: 'delay'}
        ])
    });
    var win = new Ext.Window({
                applyTo:'div_view',
                width:565,
                closeAction:'hide',
                plain: true,
                items: [    
                {
                name: 'fax_fram',
                id: 'fax_fram',
                width: 565,
                html: ''
                }
                
                ],
                buttons: [{
                    text:'Submit',
                        handler: function(){
                            win.hide();
                            delete win;        
                        }
                    }
                ]
    });    
    function showResult(btn){
        Ext.example.msg('Button Click', 'You clicked the {0} button', btn);
    };    
    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: ds,
        autoHeight: true,
        columns: [
        new Ext.grid.RowNumberer({width: 20,autoHeight: true}),
           // {id:'file_name',header: "file_name", width: 160, sortable: true, dataIndex: 'file_name'},
            {header: "???", width: 40, sortable: true,  dataIndex: 'fax_scan_show'},
            {header: "????? ?????", width: 80, sortable: true, dataIndex: 'owner'},
            {header: "???", width: 270, sortable: true, dataIndex: 'description'},
            {header: "????? ?????", width: 63, sortable: true, dataIndex: 'modifydate'},
            {header: "???? ?????", width: 60, sortable: true, dataIndex: 'delay'}
            ,
            {
                xtype: 'actioncolumn',
                width: 40,
                items: [{
                    icon   : 'images/view.gif',
                    tooltip: '?????? ??? ??????',
     handler: function(grid, rowIndex, colIndex){        
       var rec = ds.getAt(rowIndex);
        if(rec.get('fax_scan')==='note'){
            Ext.MessageBox.alert('???????', rec.get('description'), showResult);
        }
        if(rec.get('fax_scan')!=='note'){
            var out = '<iframe frameborder=0 src="'+'../../fax/faxes/'+rec.get('fax_scan')+'/'+rec.get('file_name')+'#navpanes=0&scrollbar=0" width="550px" height="299px"></iframe>';
            win.update(out);
            win.show(this);
        }     
    } 
                }
                ]
            }
        ],
        stripeRows: true,
        width:612,
        frame:true,
        autoHeight: true,
        title:'????? ?????',
        plugins: new Ext.ux.PanelResizer({
            minHeight: 100
        }),
        bbar: new Ext.PagingToolbar({
            pageSize: 50,
            store: ds,
           // displayInfo: true,
            plugins: new Ext.ux.SlidingPager()
        })
    });
    grid.render('grid-example');
    store.load({params:{start:0, limit:10}});
});