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 →
Posted in:
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
Tagged:
angular 4, angullar 5, enterprise grid, jQuery, jquery 12.4, jquery chart, jquery charting, jQuery ComboBox, jquery controls, jquery datagrid, jquery dropdownlist, jquery framework, jquery grid, jquery jqwidgets, jquery latest, jquery listbox, jQuery Plugins, jquery scheduler, jQuery UI, jquery user interface, jQuery Widgets, jqwidgets controls, professional grid, ui components, ui controls, ui grid, user interface, web components, web ui components
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 →
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 →
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 →
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 →
Posted in:
jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jqxGrid
Tagged:
columns drag and drop, datagrid columns reorder, drag and drop columns, javascript datagrid, jquery datagrid, jquery datagrid control, jQuery Widgets, jqxGrid, js datagrid
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:
excel spreadsheet jquery, javascript spreadsheet, jquery datagrid, jquery datagrid control, jQuery DataGridView, jquery grid, jquery grid control, jquery spreadsheet, jqxGrid, jqxgrid spreadsheet, php spreadsheet, spreadsheet
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:
datagrid, grid control, javascript datagrid, javascript datagrid control, javascript grid, javascript gridview, jquery datagrid, jquery datagrid control, jquery datatable, jquery grid, jqxGrid, php data control, php datagrid, php datagrid control, php datagridview, php datatable, php grid, php grid control, virtual scrolling with php
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 →
Posted in:
JavaScript UI Widgets, JavaScript Widgets, jqxGrid
Tagged:
drag and drop, drag and drop grid records, drag and drop to a form, form, grid drag, grid drop, grid plugin, html5 Grid, jquery datagrid, jQuery DataGridView, jquery grid plugin, jquery table, jQuery Widgets, jqxGrid, table plug-in
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 →
Posted in:
JavaScript UI, jQuery, jqxGrid
Tagged:
datagrid, datagrid control, datagridview, grid control, grid hierarchy, grids hierarchy, javascript datagrid, jquery datagrid, jqxGrid, n-level grid, nested datagrid, nested datagridview, nested grid, nested grids, nested jqxgrids
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:
custom grid filtering, datagrid, grid, grid filtering, grid filters, gridplugin, gridview, html5 Grid, html5 gridview, javascript grid, javascript gridview, javascript ui grid, jquery datagrid, jquery grid, jquery gridview, jQuery UI, jquery ui grid, php datagrid, php grid, php gridview
|
|