This is my first time using Kendo UI and I'm trying to set up a simple grid with data fed from a json file.

When the page loads, it doesn't display anything and it does not give me any type of error, am i doing anything wrong?

var Data = new kendo.data.DataSource({
          transport: {
              read: {
                  url: "http://localhost:88/Animation.svc/GetProspect",
                  dataType: "json"
              }
          },

      });

      $("#grid").kendoGrid({
          dataSource: Data,
          columns: [
    {
        field: "Date",
        title: "Date"
    },
    {
        field: "Name",
        title: "Name"

    }],
     height: 200,
    scrollable: true,
    pageable: true,
    sortable: {
    mode: "multiple"
    }
      });

This is what the json format looks like:
[{"Date":"12-31-2010","Name":"A","LastName":"B"}, {"Date":"12-31-2011","Name":"B","LastName":"C"}]

It appears that IE (8,9, not sure about 7) does not support selecting multiple files when uploading files.  I believe this is a browser limitation as Firefox does this without issue.  Is there anything I can do?  This could be a showstopper unfortunately.

<table id="grid">
            <thead>
                <tr>
                    <th data-field="field1"></th>
                    <th data-field="Id">MyFiels</th>
                </th>
            </thead>
            <tbody>
            <tr><td> (and so on..)
          </tbody>
        </table>

Now I convert the grid using the following code:

 $("#grid").kendoGrid({
            sortable: true,
            selectable: "row",
            height: 350,
            pageable: {
                refresh: false,
                pageSize: 30
            }
        });

I've trie to set a kind of "RecordCount" property in order to build a number of page links according to PageSize and "TotalRecordCount"
I've tried to set Schema.

schema: {total: 1000 }