uiLibrary : (jqueryui|bootstrap) Default: "jqueryui"

The name of the UI library that is going to be in use. Currently we support only jQuery UI and bootstrap.

The css files for jQuery UI or Bootstrap should be manually included to the page where the grid is in use.

Examples

  
Edit this example
  <table id="grid"></table>
 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
 <script>
     $("#grid").grid({
         dataSource: "../Grid/GetPlayers",
         uiLibrary: "bootstrap",
         columns: [
             { field: "ID" },
             { field: "Name" },
             { field: "PlaceOfBirth" }
         ],
         pager: { enable: true, limit: 2, sizes: [2, 5, 10, 20] }
     });
 </script>