IE8 Frozen Column(s)

[cn1109]

IE 8 stops working. Google Chrome works just fine.
Error:
Line: 5949
Error: 'rowspan' is null or not an object

Here's the script. What can be wrong here?
The grid works fine without the frozenColumns property but I need
to freeze the first 2 columns.

Thank you in advance.

<script type="text/javascript">
        $(document).ready(function() {
            $('.gridview').datagrid({
            title: 'Frozen Columns',
            height: 300,
            frozenColumns: [[
               { field: 'itemid', title: 'Item ID', width: 80 },
               { field: 'productid', title: 'Product ID', width: 80 }, 
            ]],
            columns:[[ 
                    {field:'code',title:'Code',width:100}, 
                    {field:'name',title:'Name',width:100},
                    {field:'price',title:'Price',width:100,align:'right'}
                ]]
            });
        });
    </script>

[stworthy]

Please correct your code:

Code:

<script type="text/javascript">
        $(document).ready(function() {
            $('.gridview').datagrid({
            title: 'Frozen Columns',
            height: 300,
            frozenColumns: [[
               { field: 'itemid', title: 'Item ID', width: 80 },
               { field: 'productid', title: 'Product ID', width: 80 }
            ]],
            columns:[[ 
                    {field:'code',title:'Code',width:100}, 
                    {field:'name',title:'Name',width:100},
                    {field:'price',title:'Price',width:100,align:'right'}
                ]]
            });
        });
    </script>

[cn1109]

I tried the correct format you sent me and it works fine in Google Chrome.
For some odd reason, IE8 just stops responding.
I've tried putting the code in an external js file..no luck.

What could be wrong? I need it to work with IE8 unfortunately.

[cn1109]

OKay.

It seems that the entire thing breaks when I try to freeze a column.
It takes over a minute to load and the scroll bar on the right to scroll down is not displaying the scroll bar (Just the outline).

Here's what I have while testing:
 
$(document).ready(function() {
    $('.gridview').datagrid({
        title: 'Frozen Columns',
        height: 500,
        width: 700,
        frozenColumns: [[
           { field: 'Action', title: 'Action', width: 100 },
           { field: 'Name', title: 'Name', width: 100 }
        ]]
        /*columns: [[
                    { field: 'Location', title: 'Location', width: 100 },
                    { field: 'Owner', title: 'Owner', width: 100 },
                    { field: 'CM/GC', title: 'CM/GC', width: 100 },
                    { field: 'Architect', title: 'Architect', width: 100 },
                    { field: 'Engineer', title: 'Engineer', width: 100 },
                    { field: 'Completion Date', title: 'Completion Date', width: 100 },
                    { field: 'Contract Amt', title: 'Contract Amt', width: 100 },
                    { field: 'Market', title: 'Market', width: 100 },
                    { field: 'Branch Office', title: 'Branch Office', width: 100 },
                    { field: 'Modified Date', title: 'Modified Date', width: 100 },
                    { field: 'Modified By', title: 'Modified By', width: 100 }
                ]]*/
    });
});

[stworthy]

The 'columns' property is required.