jQWidgets ver. 12.1.0

jQWidgets v12.1.0 Release, June-18-2021 What’s New: – jqxSplitLayout component for Angular & Javascript What’s Improved: – jqxGrid HTML Sanitization. – jqxDateTimeInput and jqxNumberInput mobile device UX. – jqxDateTimeInput delete button element which allows you to quickly clear the date. – … Continue reading
ANGULAR, ANGULAR GRID, Chart, Grid, html elements, JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxInput, jqxListBox, jqxMaskedInput, Pivot Grid, React, react grid, React Javascript Library, REACTJS, typescript, VUE, VUEJS
, , , , , , , , , , , , , , , ,

Leave a comment

jQWidgets ver6.0.0

Major release just came out. It features Material Design themes, New widget, New features for multiple widgets and quality updates. What’s New: – jqxForm widget. – jqxGrid Multi-Column Sorting. – jqxGrid Adaptive Layout Rendering. – jqxGrid Column and Row Lines … Continue reading
ANGULAR, Angular 2, angular 4, angular 5, Angular 6, ANGULAR GRID, angular tree, Angular5, angular7, angular8, AngularJS, 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, 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
, , , , , , , , , , , , , , , , , , , , ,

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

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

jQuery Grid with Fluid Column Widths

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
jQuery UI, jQuery Widgets, 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

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

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

DataGrid Pinned(Fixed) Columns

jqxGrid supports Excel-like pinned (frozen) rows. This feature also allows you to pin columns to the left the gridview’s canvas. The pinned rows and columns are very useful when working with large tables and it makes it easy to scroll … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxGrid
, , , , , , , , , , , , , ,

Leave a comment