title: KendoUI Grid - how to add a class to the generated table
body: <p>I'm generating a KendoUI Grid using ajax dataSource. The table is generated and by default has no class. To keep it looking uniform with the rest of the site, I'd like to add a class "interactive" to it.</p>
  
  <pre><code>$("#pending_documents").kendoGrid({
      dataSource: {
          transport: {
              read: "/get-data?type=1"
          },
          schema: {
              data: "data",
              total: "total"
          },
          pageSize: 2,
          serverPaging: true,
          serverFiltering: true,
          serverSorting: true,
          reorderable: true
      },
      height: 500,
      filterable: {
          extra: false
  /*
  , ui: "datetimepicker" // use Kendo UI DateTimePicker
  */
      },
      sortable: true,
      pageable: {
          pageSize: 2        },
      columns: [...]
  });
      });
  </code></pre>
  
  <p>I know that I can do this using <code>JQuery.addClass()</code> method, run after the grid is generated, however if there a way of setting it in the grid setup/configuration?</p>
  
  <p>Thanks in advance.</p>