Our blazing fast Grid component built with pure JavaScript


Grid not displaying in IE

Post Reply

Post by dmnewnham »

Hi,
I know this is very much a basic question but I have the library working in Mac OS, Chrome and iOS but not in Internet Explorer.

I have more complex grids working in Mac OS/iOS but I would like to get them working in IE. I have reverted back to the tutorial to move to a simple grid to get working in IE. What am I missing here with compatibility with IE?

CODE:

<!DOCTYPE html>

<html>
<head>
    <script src="https://grid.mydomain.com/build/grid.umd.js"></script> 
   <link rel="stylesheet" href="https://grid.mydomain.com/build/grid.material.css" id="bryntum-theme">
</head>
<body>
    <div id="target"></div>
   <script>const grid = new bryntum.grid.Grid({
    height: 400,
    columns: [
        { field: 'name', text: 'Name', width: 200 },
        { field: 'city', text: 'City', flex: 1 }
    ],

data: [
    { name: 'Dan Stevenson', city: 'Los Angeles' },
    { name: 'Talisha Babin', city: 'Paris' }
]
});

</script>
</body>
</html>

Post by mats »

You never tell the Grid where to render? Please see https://bryntum.com/docs/scheduler/#Core/widget/Widget#config-appendTo

Post by dmnewnham »

Sorry, pasted from my wrong sample code. I had realised that mistake. So NOW the below works on Chrome and Safari but not IE. I've also just noticed that it's only not working within FileMaker webviewers (they still use IE) so it's not even really an issue with the API; it must be an internal issue with FileMaker. Sorry to have wasted your time.:

<!DOCTYPE html>

<html>
<head>
<script src="https://grid.mydomain.com/build/grid.umd.js"></script>
<link rel="stylesheet" href="https://grid.mydomain.com/build/grid.material.css" id="bryntum-theme">
</head>
<body>
<div id="target"></div>
<script>const grid = new bryntum.grid.Grid({
appendTo 'target',
height: 400,
columns: [
{ field: 'name', text: 'Name', width: 200 },
{ field: 'city', text: 'City', flex: 1 }
],

data: [
    { name: 'Dan Stevenson', city: 'Los Angeles' },
    { name: 'Talisha Babin', city: 'Paris' }
]

});

</script>
</body>
</html>

Post by saki »

Yes, we still do support IE 11 for Scheduler but not FileMaker webviewer.

Post Reply