This is a migrated thread and some comments may be shown as answers.

Problems with grid in ie7 and ie8

1 Answer 87 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Shawn
Top achievements
Rank 1
Shawn asked on 25 Jan 2013, 08:12 PM

I have two issues when running the grid in ie7 and ie8 compatibility mode:

 

  1. Paging does not work. After paging I get the js errors shown in the attached screen shot.
  2. The Grid cells collapse down and the data is abbreviated or not shown and is out of alignment with the headers.

 

Here’s my config:

 

#Grids{

    width: 100%;

    height:400px;

    overflow-y: auto;

    overflow-x: auto;

    border:1px solid #00215C;

}

 

<div id="Grids">

        <div id="gridMoneyOrders" class="hidden"></div>

</div>

 

var loadMoneyOrderDetailsGrid = function(details){

        $("#gridMoneyOrders").show().kendoGrid({

            dataSource: {

                 data: details,

                pageSize: 10,

                schema: {

                    model: {

                        fields: {

                            FacilityName: { type: "string" },

                            MoneyOrderID: { type: "string" },

                            IssueID: { type: "string" },

                            ClerkID: { type: "string" },

                            IssueDateTime: { type: "date" },

                            SaleAmount: { type: "string" },

                            PaidAmount: { type: "string" },

                            ProcessDate: { type: "date" },

                            SerialNumber: { type: "string" }

                        }

                    }

                }

            },

            //change: onChange,

            selectable: "row",

            groupable: false,

            sortable: true,

            pageable: {

                refresh: true,

                pageSizes: false

            }

            ,

            columns: [ {

                field: "FacilityName",

                width: 40,

                title: "Facility Name"

            } , {

                field: "MoneyOrderID",

                width: 10,

                title: "City"

            } , {

                field: "IssueID",

                title: "Issue",

                width: 10

            }, {

                field: "ClerkID",

                title: "Clerk",

                width: 10

            }, {

                field: "IssueDateTime",

                title: "Issue Date",

                width: 20,

                format: "{0:MM/dd/yyyy}"

            }, {

                field: "SaleAmount",

                title: "Sale Amount",

                format: "{0:$0.00}",

                width: 20

            }, {

                field: "PaidAmount",

                title: "Paid Amount",

                format: "{0:$0.00}",

                width: 20

            }, {

                field: "ProcessDate",

                title: "Process Date",

                format: "{0:MM/dd/yyyy}",

                width: 20

            }, {

                field: "SerialNumber",

                title: "Serial Number",

                width: 20

            }

            ]

        });

 

        var grid = $("#gridMoneyOrders").data("kendoGrid");

        grid.refresh();

    };

1 Answer, 1 is accepted

Sort by
0
Petur Subev
Telerik team
answered on 29 Jan 2013, 09:51 AM
Hello Shawn,

Could you please tell us if the issue exists when using the regular Internet Explorer version 7 or 8? Please keep in mind that we do not support issues caused by compatibility mode changes in IE.

If it does could you share a jsbin / jsfiddle so we can take a look what could be going wrong? 

Kind Regards,
Petur Subev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Shawn
Top achievements
Rank 1
Answers by
Petur Subev
Telerik team
Share this question
or