jQWidgets v5.3.0 Release

What’s Improved: – Widgets now use lower default z-index values. What’s Fixed: – Fixed an issue in jqxGrid regarding full row edit and tabbing. – Fixed an issue in jqxGrid ever present row when updatebounddata is called. – Fixed an … Continue reading
ANGULAR, Angular 2, ANGULAR GRID, Angular5, AngularJS, ASP .NET, ASP.NET Core Tag Helpers, ASP.NET Core Tag Helpers, Chart, custom elements, Grid, html elements, JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxInput, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxResponse, jqxRibbon, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxTreeMap, jqxValidator, jqxWindow, PHP, Pivot Grid, React, react grid, React Javascript Library, REACTJS, typescript, Uncategorized
, , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

DataGrid Column with Custom CSS Styling

From this post, you will learn how to set a custom CSS class to a Grid column. 1. Create the CSS class. .column { background-color: #034FCD; color: white; font-weight: bold; } 2. When you initialize a DataGrid column, set its … Continue reading
JavaScript UI, JavaScript UI Plugins, jqxGrid
, , , , ,

Leave a comment

jQuery Grid with Column Tooltips

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
JavaScript, jQuery, jqxGrid
, , , , ,

Leave a comment

Handle Keys in jqxGrid

jqxGrid has built-in keyboard navigation which is enabled by default. If you want to disable it, you can set the “keyboardnavigation” property to false. The list of the keys and key combinations handled by the widget is below: If the … Continue reading
jQuery Widgets, jQWidgets, jqxGrid
, , , , , , ,

Leave a comment

jqxGrid Columns Reorder

In jQWidgets 2.5, the jqxGrid widget will come with a new and much requested feature – columns reordering. Users will be able to dynamically change the order of the Grid columns by dragging a column and dropping it into its … Continue reading
jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jqxGrid
, , , , , , , ,

2 Comments

Create a Spreadsheet with jqxGrid

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
JavaScript, jQuery, jQuery UI, jqxGrid
, , , , , , , , , , ,

Leave a comment

jqxGrid Virtual Scrolling with PHP and MySQL

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
JavaScript, JavaScript Plugins, jQuery, jqxGrid, PHP
, , , , , , , , , , , , , , , , , ,

Leave a comment

One way drag and drop from a Grid to a Form

This post shows how to setup a one way drag and drop from a Grid to a Form. The user will be able to drag a Grid record and fill a Form by dropping the record over it. 1. Include … Continue reading
JavaScript UI Widgets, JavaScript Widgets, jqxGrid
, , , , , , , , , , , , , ,

Leave a comment

Assembling N-Nested jQuery Grid

In this post, we will create 3-level Grids hierarchy. Each grid in the nesting relationship will be bound to its own data adapter. Let’s see how to achieve that task in a few steps. 1. Include the CSS files. We … Continue reading
JavaScript UI, jQuery, jqxGrid
, , , , , , , , , , , , , ,

2 Comments

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