jQuery Grid with Column Tooltips

Posted on February 19, 2013 by admin February 19th, 2013
In this topic, we will illustrate how to add a Tooltip to a Grid Column header. The first step is to include the required JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><script type=”text/javascript” src=”../../scripts/jquery-1.8.2.min.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script> <script … Continue reading →

Posted in: JavaScript, jQuery, jqxGrid

Tagged: , , , , ,

Leave a comment

jQuery Grid with Fluid Column Widths

Posted on October 24, 2012 by admin October 24th, 2012
With the latest release of jQWidgets, a new much requested feature has arrived. it is now possible to create a Grid with columns which are not with fixed width. Yes, it was possible to customize the size via the Columns … Continue reading →

Posted in: jQuery UI, jQuery Widgets, jqxGrid

Tagged: , , , , , , , , ,

Leave a comment

Disable Editing of Grid Rows

Posted on September 24, 2012 by admin September 24th, 2012
If you want to disable the editing of some rows or cells in jqxGrid, you can create a function with two parameters – row’s index and datafield. It this post, we will use only the row’s index. Here’s the function’s … Continue reading →

Posted in: JavaScript, jQuery Widgets, jqxGrid

Tagged: , , , ,

Leave a comment

jqxGrid Export to Excel

Posted on September 19, 2012 by admin September 19th, 2012
With the latest release of jQWidgets, we enhanced the jqxGrid widget by adding new data exporting capabilities. Let’s see what’s necessary to export the grid’s data to excel. In order to use the Export to Excel feature, you need to … Continue reading →

Posted in: jQuery, jQuery Widgets, jqxGrid

Tagged: , , ,

3 Comments

Create a Spreadsheet with jqxGrid

Posted on August 2, 2012 by admin August 2nd, 2012
In this post, we will show you how to use the jqxGrid widget in unbound mode to create a Spreadsheet. 1. Create a new web page and in the head section, add the JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” … Continue reading →

Posted in: JavaScript, jQuery, jQuery UI, jqxGrid

Tagged: , , , , , , , , , , ,

Leave a comment

jqxGrid Virtual Scrolling with PHP and MySQL

Posted on July 31, 2012 by admin July 31st, 2012
In this post, we will show you how to connect our jQuery Grid to a MySql Database using PHP. We will obtain the data from MySql Database and especially the Northwind Database. The data will be loaded on demand when … Continue reading →

Posted in: JavaScript, JavaScript Plugins, jQuery, jqxGrid, PHP

Tagged: , , , , , , , , , , , , , , , , , ,

Leave a comment

Disable Editing of a Grid Row or Cell

Posted on June 27, 2012 by admin June 27th, 2012
In order to disable the editing of a cell, you need to define a function called ‘cellbeginedit’ in the column’s definition. For example: { text: ‘First Name’, columntype: ‘textbox’, datafield: ‘firstname’, width: 90, cellbeginedit: function (row) { if (row == … Continue reading →

Posted in: jQuery, jQuery UI, jqxGrid

Tagged: , , , , , , ,

Leave a comment

Using jqxGrid with ASP .NET and SQL Server

Posted on April 25, 2012 by admin April 25th, 2012
1. Create a new ASP .NET Web Application. 2. Click the Data item. 3. Add a new DataSource. In the sample, we will use the Northwind.mdf and will bind the Grid to the Customers table. 4. Add the JQWidgets JavaScript … Continue reading →

Posted in: ASP .NET, 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

Tagged: , , , , , , , , , , , ,

Leave a comment

jqxGrid with Checkbox based Rows Selection

Posted on April 23, 2012 by admin April 23rd, 2012
Checkbox selection of Grid rows is a very common type of selection in Web Grids. In this post, we will show you how to customize the jqxGrid’s built-in rows selection. You will be able to select/unselect rows only through checkboxes. … Continue reading →

Posted in: 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

Tagged: , , , , , , , , , , , , ,

2 Comments

Custom Data Filtering with jQuery Grid plug-in

Posted on April 18, 2012 by admin April 18th, 2012
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 →

Posted in: 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

Tagged: , , , , , , , , , , , , , , , , , , ,

Leave a comment