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

grid rendering problems between browsers

1 Answer 101 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Angel
Top achievements
Rank 1
Angel asked on 08 Aug 2012, 05:06 PM
Hello, first excuse me for my bad english. 

Im working with kendoGrid without any problems at webkit based browsers like Chrome or Safari, but when I test the webpage at IE or FF it seems to have some rendering issues with the width of headers and columns. I attach screenshots of both tests and the code snippet.

Thanks 
$("#list_contactos").kendoGrid({                   
    columns: [
    {title: "Móvil", field: "_movil",width: 90},
    {title: "Apellido1", field: "_ape1",width: 150},
    {title: "Apellido2", field: "_ape2",width: 150},
    {title: "Nombre", field: "_nombre",width: 150}
    ],
    dataSource: ds,
    change: function(e) {
        //handler para manejar la seleccion de filas
        var fila = this.dataItem(this.select());
         
        if(fila == null)
            return;
         
        $("#txtMovil").val(fila._movil);
        $("#txtNombre").val(fila._nombre);
        $("#txtApellido1").val(fila._ape1);
        $("#txtApellido2").val(fila._ape2);
         
         
    },
    selectable: "row",
    scrollable: true,
    height: 450   
});

1 Answer, 1 is accepted

Sort by
0
Angel
Top achievements
Rank 1
answered on 08 Aug 2012, 05:40 PM
Hello again, I found a way to solve the issue, I added a fixed width to the Div that contains the grid according the width given by webkit browser and now IE and FF renders the grid properly.

Thanks
Tags
Grid
Asked by
Angel
Top achievements
Rank 1
Answers by
Angel
Top achievements
Rank 1
Share this question
or