Are you looking for a way which can help you to implement nice-looking and powerful table on you web page easily? Dhtmlx Grid probably is one of the best solutions you can consider. We have many success stories about using this component in various web projects.
DhtmlxGrid is an Ajax-enabled JavaScript grid control with cutting-edge functionality, power data binding, and excellent performance with larger datasets. It allows you to create a DHTML table with rich in-cell editing, resizable, sortable and draggable columns, built-in filtering, searching, and grouping capabilities.
What below are the major features it provides:
- Full control with JavaScript API
- Ajax support
- Built-in filtering, searching, grouping capabilities
- In-line editing
- Dynamic loading, paging and Smart Rendering
- Support for subgrids within grid
- Resizable/movable columns
- Drag-and-drop rows/columns
- Easy styling with CSS
- Sorting/Searching(Client-side , Server-side)
- Event handlers
- Combobox, Calendar, and more predefined eXcells.
Among those, dynamic loading, paging, sorting, searching and Drag-and-drop rows/columns probably are the most excited features. Dhtmlx grid using Ajax loads visible records and caches loaded records. So with very few server-side code and several lines of dthmlx grid configuration, your table can easily handler with a real huge dataset (e.g. 100, 0000) without impact the user experience. You will need some more efforts to override the exiting searching and filtering functionalities in order to make your table working property with dynamic loading model. However, compare with many other approaches, it is still negligible. What below is the sample code demonstrate how easy you can create your own table with built-in filter, sorting and dynamic loading with dhtmlx grid.
This is what your table looks like:
You can get more information from the official web site at: www.dhtmlx.com
