jQuery Grid with Server Side Paging and Sorting

This post shows how to implement server-side paging and sorting with the jqxGrid widget. The Grid will request data from the server when the user navigates to a new page, changes the page’s size or applies a sort order. The … Continue reading
jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid, PHP
, , , , , , , , , , ,

Leave a comment

Custom Data Filtering with jQuery Grid plug-in

In order to customize the built-in Grid filtering, you can set the ‘filter’ member of the source object to point to a custom filtering function. The filtering function has three parameters that the Grid passes – the filters set by … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
, , , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery Grid with Custom Pager

In this post, we will show you how to create a custom pager for our jQuery Grid widget and make it look like in the screenshot below: 1. Add the references to the JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxGrid
, , , , , , , , , , , , , , , , , , , , , , , , ,

2 Comments

jQuery Grid Cells Editing with PHP and MySQL

Today, we will show how to implement server-side editing with the jqxGrid widget. The Grid will request data from the server when it is initialized. The server-side script is going to deliver the data records in JSON format. We will … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid, PHP
, , , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Column Headers and Grid Cells Center Text Alignment

To change the text-alignment of the Grid cells and column headers, you can do the following: 1. Create two functions, called cellsrenderer and columnsrenderer. These functions will return a HTML string with a DIV tag with inline CSS Style that … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
, , , , , , , , , ,

1 Comment

Server Side Filtering with jqxGrid using PHP and MySQL

This post shows how to implement server-side filtering with the jqxGrid widget. The Grid will request data from the server when the user applies a new filter or clears the filtering. The server-side script is going to deliver the data … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jqxGrid, PHP
, , , , , , , , , , , , , , , , ,

Leave a comment