During this time I always use datatables library to display a list of data in tabular form dynamically. But while taking the library, I feel given feature too complete and too heavy when loading data. Therefore I began to look for a library table that can accommodate the needs that I have.

After the end of his search through the internet I found a library jquery-bootgrid. Bootgrid is a Nice, sleek and intuitive, A grid control especially designed for bootstrap.You can turn your simple table into a sophisticated data table and offer your users a nice experience and great features without any effort.There are two ways to populate jQuery Bootgrid. Either you use the server-side way (e.g. a REST service) for querying a dynamic data source like a database or you use the client-side way for simple in-memory data visualization.

The following is an example of a jquery plugin installation  bootgrid on framework laravel 4.12 to replace datatables library :


create function on class controller and pass it to view


on view, create table who used to display the data


still on the same view file, create section css and js to call jQuery-bootgrid plugin


on the class controller, create function to show the data. set the route on this function to POST



This article has 2 comments

  1. Athar Naeem Reply

    I am using the same jQuery Bootgrid with Laravel 5.0 , I just wanted to ask about the url in the ajax post :

    url: “{{ url(‘api/competency/schedule/list’) }}”,

    Is this is the url of the function responsible to send data in the controller ?

  2. Alex Reply

    this looks great – totally new to laravel though – do you have a download?

Leave a Reply