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

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

base theme

    
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/0_6/Grid/GetPlayers',
         columns: [
             { field: 'ID', width: 24 },
             { field: 'Name' },
             { field: 'PlaceOfBirth' }
         ]
     });
 </script>

  

jqueryui

    
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/0_6/Grid/GetPlayers',
         uiLibrary: 'jqueryui',
         columns: [
             { field: 'ID' },
             { field: 'Name' },
             { field: 'PlaceOfBirth' }
         ]
     });
 </script>

  

bootstrap

    
 <table id="grid"></table>
 <script>
     $('#grid').grid({
         dataSource: '/0_6/Grid/GetPlayers',
         uiLibrary: 'bootstrap',
         columns: [
             { field: 'ID' },
             { field: 'Name' },
             { field: 'PlaceOfBirth' }
         ],
         pager: { limit: 2, sizes: [2, 5, 10, 20] }
     });
 </script>