https://github.com/rstaib/jquery-bootgrid

Nice, sleek and intuitive. A grid control especially designed for bootstrap.
https://github.com/rstaib/jquery-bootgrid

Last synced: 7 months ago
JSON representation

Nice, sleek and intuitive. A grid control especially designed for bootstrap.

• Host: GitHub
• URL: https://github.com/rstaib/jquery-bootgrid
• Owner: rstaib
• License: mit
• Created: 2014-04-27T08:19:45.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2023-08-07T04:48:57.000Z (over 2 years ago)
• Last Synced: 2025-05-11T00:02:01.575Z (7 months ago)
• Language: JavaScript
• Homepage: http://www.jquery-bootgrid.com
• Size: 3.84 MB
• Stars: 974
• Watchers: 85
• Forks: 360
• Open Issues: 287
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.txt

Awesome Lists containing this project

• awesome-jquery - Bootgrid - A grid control especially designed for bootstrap. (Animation / Tables)
• awesome-frontend - jQuery Bootgrid - 用于ajax生成动态表格
• awesome-frontend - jQuery Bootgrid - 用于ajax生成动态表格
• awesome-front-end - jQuery Bootgrid - 用于ajax生成动态表格

README

          
jQuery Bootgrid Plugin [![Build Status](http://img.shields.io/travis/rstaib/jquery-bootgrid/master.svg?style=flat-square)](https://travis-ci.org/rstaib/jquery-bootgrid) ![Bower version](http://img.shields.io/bower/v/jquery.bootgrid.svg?style=flat-square) ![NuGet version](http://img.shields.io/nuget/v/jquery.bootgrid.svg?style=flat-square) ![NPM version](http://img.shields.io/npm/v/jquery-bootgrid.svg?style=flat-square) ![Gratipay](http://img.shields.io/gratipay/RafaelStaib.svg?style=flat-square)

============

Nice, sleek and intuitive. A grid control especially designed for bootstrap.

## Getting Started

**jQuery Bootgrid** is a UI component written for **jQuery** and **Bootstrap** (Bootstrap isn't necessarily required).

Everything you need to start quickly is:

1. Include **jQuery**, **jQuery Bootgrid** and **Bootstrap** libraries in your HTML code.

2. Define your table layout and your data columns by adding the `data-column-id` attribute.

3. Specify your data URL used to fill your data table and set ajax option to `true` directly on your table via data API.

```html

    

        Demo

        

        

        

        

    

    

        

            

                

                    ID

                    Sender

                

            

        

        

         

        

    

```

> For more information [check the documentation](http://www.jquery-bootgrid.com/Documentation).

### Examples

Examples you find [here](http://www.jquery-bootgrid.com/Examples).

## Reporting an Issue

Instructions will follow soon!

## Asking questions

I'm always happy to help answer your questions. The best way to get quick answers is to go to [stackoverflow.com](http://stackoverflow.com) and tag your questions always with **jquery-bootgrid**.

## Contributing

Instructions will follow soon!

## License

Copyright (c) 2014-2015 Rafael J. Staib Licensed under the [MIT license](https://github.com/rstaib/jquery-bootgrid/blob/master/LICENSE.txt).