# nice-grid

**Repository Path**: mirrors_singod/nice-grid

## Basic Information

- **Project Name**: nice-grid
- **Description**: jQuery grid plugin.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2026-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Grid
A data table jQuery plugin.


### Usage
Include resources:
``` html
<link rel="stylesheet" href="path/to/grid.css">
<script type="text/javascript" src="path/to/grid.js"></script>
```

Initialization：
``` html
<div id="data_grid"></div>
```
``` js
$('#data_grid').grid({
    dataSource: 'controner/action',
    columns: [
        {title: "ID", field: "table_id"},
        {title: "Name", field: "table_name"},
        {title: "Contact", field: "table_contact"},
        {title: "Action", formatter: "action"}
    ],
    formatters: {
        action: function(row){
            return '<a href="#" fn="fEdit">Edit</a>';
        }
    },
    fEdit: function(e, row){
        e.preventDefault();
        //do something..
    }
});
```

Get an instance:
``` js
$('#data_grid').data('grid');
```

Refresh a grid:
``` js
$('#data_grid').grid('refresh');
```

Refresh a grid width params:
``` js
$('#data_grid').grid({
    //All support optionss
});
```


### Documention
[简体中文](http://niceue.com/nice-grid/)

### Dependencies
[jQuery 1.7+](http://jquery.com)

### Browser Support
  * IE6+
  * Chrome
  * Safari 4+
  * Firefox 3.5+
  * Opera


### Bugs / Contributions
- [Report a bug](https://github.com/niceue/nice-grid/issues)
- To contribute or send an idea, github message me or fork the project


### Build
Grid use [UglifyJS2](https://github.com/mishoo/UglifyJS) 
you should have installed [nodejs](nodejs.org) and run `npm install uglify-js -g`.

  
### License
nice Grid is available under the terms of the [MIT License](http://niceue.com/licenses/MIT-LICENSE.txt).