jqwidgets-framework

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>jQWidgets Demos</title> </head> <body> <span style="font-size: 13px; font-family: Verdana;">Run files on a local(access page as http://localhost/example) or web server(access page as http://myserver/example) .</span> <h2>Web Demos</h2> <ul> <li> jqxGrid <ul> <li> <a href='demos/jqxgrid/defaultfunctionality.htm'>Default Functionality</a> </li> <li><a href='demos/jqxgrid/spreadsheet.htm'>Spreadsheet</a> </li> <li> <a href='demos/jqxgrid/createremoveupdatedata.htm'> Create, Remove, Update </a> </li> <li><a href='demos/jqxgrid/dataexport.htm'>Data Export</a></li> <li><a href='demos/jqxgrid/printing.htm'>Data Printing</a></li> <li><a href='demos/jqxgrid/saveloadstate.htm'>Save/Load Grid State</a></li> <li><a href='demos/jqxgrid/localization.htm'>Localization</a> </li> <li><a href='demos/jqxgrid/dropdowngrid.htm'>DropDown Grid</a> </li> <li><a href='demos/jqxgrid/sorting.htm'>Sorting</a> </li> <li> <a href='demos/jqxgrid/customsorting.htm'>Custom Sorting</a> </li> <li> <a href='demos/jqxgrid/filtering.htm'>Filtering</a> </li> <li><a href='demos/jqxgrid/filterrow.htm'>Filter Row</a></li> <li><a href='demos/jqxgrid/filterrowwithcustomitems.htm'>Filter Row with Custom List Items</a></li> <li><a href='demos/jqxgrid/filterconditions.htm'>Filter Conditions</a></li> <li> <a href='demos/jqxgrid/datefilter.htm'>Date & Range Filter</a> </li> <li><a href="demos/jqxgrid/grid-list-filter-with-key-value-column.htm">Custom List Items with Key/Value</a></li> <li><a href='demos/jqxgrid/excelfiltering.htm'>Excel-like Filter</a></li> <li> <a href='demos/jqxgrid/customfiltering.htm'>Custom Filtering</a> </li> <li> <a href='demos/jqxgrid/initialfilter.htm'>Initial Filter</a> </li> <li><a href='demos/jqxgrid/grouping.htm'>Grouping</a> </li> <li><a href='demos/jqxgrid/groupsrenderer.htm'>Groups Renderer</a></li> <li><a href='demos/jqxgrid/groupingpaging.htm'>Grouping with Pager</a></li> <li><a href='demos/jqxgrid/paging.htm'>Paging</a> </li> <li><a href='demos/jqxgrid/initialpage.htm'>Initial Page and PageSize</a></li> <li><a href='demos/jqxgrid/pagingmodes.htm'>Pager Modes</a></li> <li><a href='demos/jqxgrid/custompager.htm'>Custom Pager</a> </li> <li><a href='demos/jqxgrid/cellediting.htm'>Editing</a> </li> <li><a href='demos/jqxgrid/popupediting.htm'>Popup Editing</a> </li> <li><a href='demos/jqxgrid/celleditmodes.htm'>Edit Modes</a> </li> <li><a href='demos/jqxgrid/customizededitors.htm'>Customized Editors</a></li> <li><a href='demos/jqxgrid/disableeditingofrows.htm'>Disable Editing of Rows</a></li> <li><a href='demos/jqxgrid/gridkeyvaluescolumnwitharray.htm'>Custom DropDownList Column</a> </li> <li><a href='demos/jqxgrid/cascadingediting.htm'>Cascading ComboBoxes</a> </li> <li><a href='demos/jqxgrid/rowediting.htm'>Full Row Edit</a></li> <li><a href='demos/jqxgrid/editrowsrendering.htm'>Edited Rows Rendering</a></li> <li><a href='demos/jqxgrid/cellcustomediting.htm'>Custom Column Editor</a></li> <li><a href='demos/jqxgrid/customrowcelledit.htm'>Custom Row Editor</a></li> <li> <a href='demos/jqxgrid/bindingtoarray.htm'>Binding to Array</a> </li> <li> <a href='demos/jqxgrid/bindingtoobservablearray.htm'>Binding to Observable Array</a> </li> <li> <a href='demos/jqxgrid/jsarray.htm'>Binding to JS Array</a> </li> <li> <a href='demos/jqxgrid/bindingtoxml.htm'>Binding to XML</a> </li> <li> <a href='demos/jqxgrid/bindingtojson.htm'>Binding to JSON</a> </li> <li> <a href='demos/jqxgrid/bindingtojsonusingphp.htm'> Binding to JSON using PHP </a> </li> <li> <a href='demos/jqxgrid/bindingtojsonstring.htm'> Binding to JSON String </a> </li> <li> <a href='demos/jqxgrid/bindingtojsonp.htm'>Binding to Remote Data</a> </li> <li> <a href='demos/jqxgrid/bindingtocsv.htm'>Binding to CSV</a> </li> <li> <a href='demos/jqxgrid/bindingtotsv.htm'>Binding to TSV</a> </li> <li> <a href='demos/jqxgrid/largedataset.htm'>Large Data Set</a> </li> <li><a href='demos/jqxgrid/refreshdata.htm'>Refresh Data</a> </li> <li><a href='demos/jqxgrid/virtualdata.htm'>Virtual Paging</a> </li> <li> <a href='demos/jqxgrid/virtualscrolling.htm'>Virtual Scrolling</a> </li> <li><a href='demos/jqxgrid/loadfromtable.htm'>Load from Table</a></li> <li><a href='demos/jqxgrid/aggregates.htm'>Aggregates</a></li> <li><a href='demos/jqxgrid/customaggregates.htm'>Custom Aggregates</a></li> <li><a href='demos/jqxgrid/aggregatesrenderer.htm'>Aggregates Renderer</a></li> <li> <a href='demos/jqxgrid/alignment.htm'>Cells & Columns Alignment</a> </li> <li> <a href='demos/jqxgrid/hideshowcolumns.htm'>Show/Hide Columns</a> </li> <li><a href='demos/jqxgrid/autoresizecolumns.htm'>Auto-Size Columns</a></li> <li><a href='demos/jqxgrid/percentagewidthcolumns.htm'>Percentage Width for Columns </a></li> <li> <a href='demos/jqxgrid/checkboxcolumn.htm'>CheckBox Column</a> </li> <li> <a href='demos/jqxgrid/numbercolumn.htm'>Row Number Column</a> </li> <li><a href='demos/jqxgrid/customcolumn.htm'>Column Template</a> </li> <li><a href='demos/jqxgrid/customwidgetscolumn.htm'>Widgets Column</a> </li> <li><a href='demos/jqxgrid/columnshierarchy.htm'>Columns Hierarchy</a></li> <li><a href='demos/jqxgrid/gridcellclass.htm'>Cells Styling</a></li> <li><a href='demos/jqxgrid/imagecolumn.htm'>Image Column</a> </li> <li> <a href='demos/jqxgrid/columnsresizing.htm'>Columns Resize</a> </li> <li> <a href='demos/jqxgrid/reordercolumns.htm'>Columns Reorder</a> </li> <li> <a href='demos/jqxgrid/pinnedcolumns.htm'>Pinned Columns</a> </li> <li><a href="demos/jqxgrid/dynamiccolumns.htm">Dynamic Columns</a></li> <li> <a href='demos/jqxgrid/computedcolumn.htm'>Computed Column</a> </li> <li> <a href='demos/jqxgrid/columntooltips.htm'>Column Tooltips</a> </li> <li><a href='demos/jqxgrid/foreignkeycolumn.htm'>Foreign Key Column</a></li> <li><a href='demos/jqxgrid/gridkeyvaluecolumn.htm'>Keys/Values Column</a></li> <li><a href='demos/jqxgrid/rowselection.htm'>Row Selection</a> </li> <li> <a href='demos/jqxgrid/cellsselection.htm'>Cells Selection</a> </li> <li> <a href='demos/jqxgrid/checkboxselection.htm'>CheckBox Selection</a> </li> <li><a href='demos/jqxgrid/dragdrop.htm'>Drag & Drop</a> </li> <li> <a href='demos/jqxgrid/dragdropgridrecordtoform.htm'>Drag to a Form</a> </li> <li> <a href='demos/jqxgrid/dragdropmultiplerecords.htm'>Drag Multiple Rows</a> </li> <li><a href='demos/jqxgrid/rowdetails.htm'>Row Details</a> </li> <li><a href='demos/jqxgrid/nestedgrids.htm'>Nested Grids</a> </li> <li> <a href='demos/jqxgrid/masterdetails.htm'>Master-Details</a> </li> <li><a href='demos/jqxgrid/deferredscrolling.htm'>Deferred Scrolling</a> </li> <li><a href='demos/jqxgrid/deferredscrollinglargedata.htm'>Deferred Scrolling on a Large Data Set</a> </li> <li><a href='demos/jqxgrid/statusbar.htm'>Statusbar</a></li> <li><a href='demos/jqxgrid/toolbar.htm'>Toolbar</a></li> <li><a href='demos/jqxgrid/contextmenu.htm'>Context Menu</a></li> <li> <a href='demos/jqxgrid/autorowheight.htm'>Auto Row Height</a> </li> <li> <a href='demos/jqxgrid/handlekeyboard.htm'>Custom Keyboard Navigation</a> </li> <li> <a href='demos/jqxgrid/tabs-and-grid.htm'>Grid in jqxTabs</a> </li> <li> <a href='demos/jqxgrid/filtering-menu-column-types.htm'>Filter Menu Types</a> </li> <li> <a href='demos/jqxgrid/filtering-menu-custom-widgets.htm'>Custom Filter Menu</a> </li> <li> <a href='demos/jqxgrid/grouping-toggle-sub-rows.htm'>Toggle Sub Rows</a> </li> <li><a href='demos/jqxgrid/everpresentrowedit.htm'>Row Edit with Ever Present Row</a></li> <li><a href='demos/jqxgrid/everpresentrow.htm'>Add New Row</a></li> <li><a href='demos/jqxgrid/everpresentbottom.htm'>Add New Bottom Row</a></li> <li><a href='demos/jqxgrid/everpresentcustomization.htm'>Updating Actions at Runtime</a></li> <li><a href='demos/jqxgrid/everpresentrowcustomwidgets.htm'>Ever Present Row with Custom Widgets</a></li> <li><a href='demos/jqxgrid/everpresentrowcolumns.htm'>Ever Present Row with Columns</a></li> <li><a href='demos/jqxgrid/everpresentrowposition.htm'>Positioning</a></li> <li><a href='demos/jqxgrid/everpresentrowvalidation.htm'>Validation</a></li> <li><a href='demos/jqxgrid/everpresentrowaddremoveupdate.htm'>Add, Remove, Update</a></li> <li><a href='demos/jqxgrid/localizeaddnewrow.htm'>Localized Add New Row</a></li> <li> <a href='demos/jqxgrid/grid-virtual-columns.htm'>Many Columns</a> </li> <li><a href='demos/jqxgrid/autosize.htm'>Fluid Size</a> </li> <li><a href='demos/jqxgrid/keyboardsupport.htm'>Keyboard Navigation</a> </li> <li><a href='demos/jqxgrid/rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxChart <ul> <li> <a href='demos/jqxchart/javascript_chart_column_series.htm'> Column Series </a> </li> <li> <a href='demos/jqxchart/javascript_chart_bar_series.htm'>Bar Series</a> </li> <li><a href='demos/jqxchart/javascript_chart_stacked_column_series.htm'>Stacked Column Series</a> </li> <li><a href='demos/jqxchart/javascript_chart_100percent_stacked_column_series.htm'>100% Stacked Columns</a> </li> <li> <a href='demos/jqxchart/javascript_chart_line_series.htm'>Line Series</a> </li> <li> <a href='demos/jqxchart/javascript_line_series_symbol_type.htm'>Line Series Labels</a> </li> <li><a href='demos/jqxchart/javascript_chart_stacked_line_series.htm'>Stacked Line Series</a> </li> <li><a href='demos/jqxchart/javascript_chart_100percent_stacked_line_series.htm'>100% Stacked Line Series</a> </li> <li> <a href='demos/jqxchart/javascript_chart_area_series.htm'>Area Series</a> </li> <li><a href='demos/jqxchart/javascript_chart_stacked_area_series.htm'>Stacked Area Series</a> </li> <li><a href='demos/jqxchart/javascript_chart_100percent_stacked_area_series.htm'>100% Stacked Area Series</a> </li> <li> <a href='demos/jqxchart/javascript_chart_negative_values.htm'> Negative Values </a> </li> <li> <a href='demos/jqxchart/javascript_chart_negative_bar_series.htm'>Negative Bar Series</a> </li> <li><a href='demos/jqxchart/javascript_chart_combination_series.htm'>Multiple Series Types</a> </li> <li> <a href='demos/jqxchart/javascript_chart_spline_series.htm'> Spline Series </a> </li> <li> <a href='demos/jqxchart/javascript_chart_areaspline_series.htm'> Area Spline Series </a> </li> <li> <a href='demos/jqxchart/javascript_chart_custom_range.htm'> Custom x-Axis Range </a> </li> <li> <a href='demos/jqxchart/javascript_chart_custom_style.htm'>Custom Styling</a> </li> <li><a href='demos/jqxchart/javascript_chart_pie_series.htm'>Pie Series</a></li> <li> <a href='demos/jqxchart/javascript_chart_pie_series_legend.htm'> Pie Series Legend </a> </li> <li><a href="demos/jqxchart/javascript_chart_partial_pie.htm">Partial Pie Series</a></li> <li> <a href='demos/jqxchart/javascript_chart_donut_series.htm'>Donut Series</a> </li> <li> <a href='demos/jqxchart/javascript_chart_donut_labels.htm'>Donut Labels</a> </li> <li> <a href='demos/jqxchart/javascript_chart_polar_series.htm'>Polar Series</a> </li> <li> <a href='demos/jqxchart/javascript_chart_missing_points_line_series.htm'>Line Serie with missing points</a> </li> <li> <a href='demos/jqxchart/javascript_chart_series_conditional_colors.htm'> Line Serie with<br /> conditional colors </a> </li> <li> <a href='demos/jqxchart/javascript_chart_series_conditional_colors.html'> Column Serie with<br /> conditional colors </a> </li> <li> <a href='demos/jqxchart/javascript_chart_column_series_labels.htm'> Column Serie with<br /> labels </a> </li> <li><a href='demos/jqxchart/javascript_chart_range_selector.htm'>Date/time x-axis range selection</a></li> <li><a href='demos/jqxchart/javascript_chart_range_selector_nondate.htm'>Non-date x-axis range selection </a></li> <li><a href='demos/jqxchart/javascript_chart_financial_series_candlestick.htm'>Candlestick Chart</a></li> <li><a href='demos/jqxchart/javascript_chart_financial_series_ohlc.htm'>OHLC Chart</a></li> <li> <a href='demos/jqxchart/javascript_chart_live_updates.htm'>Live Updates</a> </li> <li><a href='demos/jqxchart/jqxchart_1second_updates.htm'>Live Updates every Second</a></li> <li><a href='demos/jqxchart/javascript_chart_live_updates_perf.htm'>Live Updates performance</a></li> <li><a href='demos/jqxchart/javascript_chart_logarithmic_axis.htm'>Logarithmic Axis</a></li> <li><a href='demos/jqxchart/javascript_chart_logarithmic_axis_base10.htm'>Logarithmic Axis Base 10</a></li> <li><a href='demos/jqxchart/javascript_chart_logarithmic_axis_baseline.htm'>Logarithmic Axis Base Line</a></li> <li><a href='demos/jqxchart/javascript_chart_logarithmic_axis_percentage_stacked.htm'>Percentage Stacked Logarithmic Axis </a></li> <li><a href='demos/jqxchart/javascript_chart_logarithmic_axis_stacked.htm'>Stacked Logarithmic Axis</a></li> <li> <a href='demos/jqxchart/javascript_chart_splinearea_range_logarithmic_axis.htm'>Spline Area Logarithmic Axis</a> </li> <li> <a href='demos/jqxchart/javascript_chart_column_range_logarithmic_axis.htm'>Column Range Logarithmic Axis</a> </li> <li> <a href='demos/jqxchart/javascript_chart_column_range.htm'>Column Range</a> </li> <li> <a href='demos/jqxchart/javascript_chart_axis_position.htm'>Axis Position</a> </li> <li> <a href='demos/jqxchart/javascript_chart_flip_axis.htm'>Flip Chart</a> </li> <li> <a href='demos/jqxchart/javascript_chart_bubbleSeries.htm'> Bubble Series </a> </li> <li> <a href='demos/jqxchart/javascript_chart_scatterXY.htm'>Scatter Series</a> </li> <li> <a href='demos/jqxchart/javascript_chart_step_line_series.htm'>Step line Series</a> </li> <li> <a href='demos/jqxchart/javascript_chart_color_bands.htm'>Color Bands</a> </li> <li> <a href='demos/jqxchart/javascript_chart_textrotation.htm'>Text Rotation</a> </li> <li> <a href='demos/jqxchart/javascript_chart_tooltips_formatting.htm'>Tooltip Formatting</a> </li> <li> <a href='demos/jqxchart/javascript_chart_crosshairs.htm'>Chart Crosshairs</a> </li> <li> <a href='demos/jqxchart/javascript_chart_dash_style.htm'>Grid Lines Dash Style</a> </li> <li> <a href='demos/jqxchart/javascript_chart_events.htm'>Chart Events</a> </li> <li> <a href='demos/jqxchart/javascript_chart_print.htm'>Chart Printing</a> </li> <li> <a href='demos/jqxchart/javascript_chart_export_jpeg.htm'>Export to Image</a> </li> <li> <a href='demos/jqxchart/javascript_chart_grey_scale.htm'>Greyscale Series</a> </li> <li> <a href='demos/jqxchart/javascript_chart_column_series_themes.htm'>Themes</a> </li> <li> <a href='demos/jqxchart/javascript_chart_fluid_size.htm'>Fluid Size</a> </li> <li><a href='demos/jqxchart/rtl.htm'>Right to Left Layout</a></li> <li><a href='demos/jqxchart/javascript_chart_and_tabs.htm'>Chart with Tabs</a></li> <li><a href="demos/jqxchart/javascript_chart_and_grid.htm">Chart with Grid</a></li> <li><a href='demos/jqxchart/custom_drawing.htm'>Custom Drawing</a></li> <li><a href='demos/jqxchart/javascript_chart_column_series_spacing.htm'>Column series Spacing</a></li> <li><a href='demos/jqxchart/javascript_chart_waterfall_series_logarithmic_axis.htm'>Waterfall Series</a></li> <li><a href='demos/jqxchart/javascript_chart_waterfall_series_stacked_logarithmic_axis.htm'>Stacked Waterfall Series</a></li> <li><a href='demos/jqxchart/javascript_chart_waterfall_series.htm'>Waterfall Series</a></li> <li><a href='demos/jqxchart/javascript_chart_waterfall_multiple_series.htm'>Waterfall with multiple Series</a></li> <li><a href='demos/jqxchart/javascript_chart_partial_polar.htm'>Partial Polar Chart</a></li> <li><a href='demos/jqxchart/javascript_chart_polar_series_bands.htm'>Polar Series Bands</a></li> <li><a href='demos/jqxchart/javascript_chart_spider_series.htm'>Spider Chart</a></li> <li><a href='demos/jqxchart/javascript_chart_color_bands_x_axis.htm'>Color Bands X Axis</a></li> <li><a href='demos/jqxchart/javascript_chart_annotations.htm'>Chart Annotations</a></li> <li><a href='demos/jqxchart/javascript_chart_dashboard_example.htm'>Dashboard</a></li> <li><a href='demos/jqxchart/javascript_chart_datatable_sparklines.htm'>Sparklines</a></li> <li><a href='demos/jqxchart/javascript_chart_axis_settings.htm'>Axis Settings</a></li> <li><a href='demos/jqxchart/javascript_chart_funnel_series.htm'>Funnel Chart</a></li> <li><a href='demos/jqxchart/javascript_chart_stacked_funnel_series.htm'>Stacked Funnel Chart</a></li> <li><a href='demos/jqxchart/javascript_chart_pyramid_series.htm'>Pyramid Chart</a></li> <li><a href='demos/jqxchart/javascript_chart_stacked_pyramid_series.htm'>Stacked Pyramid Chart</a></li> <li><a href='demos/jqxchart/javascript_chart_intervals_and_steps.htm'>Intervals and Steps</a></li> <li><a href='demos/jqxchart/javascript_chart_events_range_selector.htm'>Chart RangeSelector Events</a></li> </ul> </li> <li> jqxGauge <ul> <li> <a href='demos/jqxgauge/defaultfunctionality.htm'>Default Functionality</a> </li> <li><a href='demos/jqxgauge/settings.htm'>Gauge Settings</a> </li> <li><a href='demos/jqxgauge/gauge-value.htm'>Gauge with Slider</a> </li> <li><a href='demos/jqxgauge/gauge-clock.htm'>Analog Clock</a> </li> <li><a href='demos/jqxgauge/gauge-fluid-size.htm'>Fluid Size</a> </li> <li> <a href='demos/jqxgauge/linear-gauge-settings.htm'>Linear Gauge Settings</a> </li> </ul> </li> <li> jqxBulletChart <ul> <li><a href='demos/jqxbulletchart/defaultfunctionality.htm'>Default Functionality</a></li> <li><a href='demos/jqxbulletchart/javascript-bullet-chart-color-ranges.htm'>Color Ranges</a></li> <li><a href='demos/jqxbulletchart/javascript-bullet-chart-vertical.htm'>Vertical BulletChart</a></li> <li><a href='demos/jqxbulletchart/javascript-bullet-chart-labels-formatting.htm'>Labels Formatting</a></li> <li><a href='demos/jqxbulletchart/javascript-bullet-chart-multiple-ranges.htm'>Multiple Ranges</a></li> <li><a href='demos/jqxbulletchart/javascript-bullet-chart-negative-values.htm'>Negative Values</a></li> <li><a href='demos/jqxbulletchart/javascript-bullet-chart-api.htm'>Settings</a></li> <li><a href='demos/jqxbulletchart/bulletchart-fluid-size.htm'>Fluid Size</a></li> <li><a href='demos/jqxbulletchart/javascript-bullet-chart-rtl.htm'>Right to Left Layout</a></li> </ul> </li> <li> jqxEditor <ul> <li><a href='demos/jqxeditor/defaultfunctionality.htm'>Default Functionality</a></li> <li> <a href='demos/jqxeditor/javascript-editor-localization.htm'>Localization</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-inline-editing.htm'>Inline Editing</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-toolbar-tools-visibility.htm'>Tools Visibility</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-tool-customization.htm'>Tools Customization</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-custom-toolbar-items.htm'>Custom Tools</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-toolbar-position.htm'>Toolbar Position</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-printing.htm'>Printing</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-line-break.htm'>Line Break Config</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-fluid-size.htm'>Fluid Size</a> </li> <li> <a href='demos/jqxeditor/javascript-editor-events.htm'>Events</a> </li> <li><a href='demos/jqxeditor/javascript-editor-rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxDataTable <ul> <li> <a href='demos/jqxdatatable/defaultfunctionality.htm'>Default Functionality</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-binding-to-array.htm'>Local Data</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-binding-to-jsonp.htm'>Remote Data</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-binding-to-xml.htm'>XML Data</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-binding-to-json.htm'>JSON Data</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-binding-to-csv.htm'>CSV Data</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-binding-to-tsv.htm'>TSV Data</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-rows-rendering.htm'>Row Template</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-rows-details.htm'>Row Details</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-rows-selection.htm'>Row Selection & Hover</a> </li> <li><a href='demos/jqxdatatable/javascript-datatable-columns-hierarchy.htm'>Columns Hierarchy</a></li> <li> <a href='demos/jqxdatatable/javascript-datatable-column-formatting.htm'>Column Formatting</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-column-alignment.htm'>Column Alignment</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-columns-resize.htm'>Column Resize</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-columns-reorder.htm'>Column Reorder</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-show-or-hide-columns.htm'>Show or Hide Column</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-pinned-column.htm'>Pinned(Frozen) Column</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-cells-rendering.htm'>Column Template</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-header-template.htm'>Header Template</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-inline-editing.htm'>Inline Row</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-dialog-editing.htm'>Dialog</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-command-column.htm'>Command Column</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-lock-row.htm'>Lock Row</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-cell-editing.htm'>Cell Editing</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-custom-editors.htm'>Custom Editors</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-validation.htm'>Validation</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-sorting.htm'>Sorting</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-server-sorting.htm'>Server Sorting</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-sorting-api.htm'>Sorting API</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-filtering.htm'>Filtering</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-simple-filtering.htm'>Search Field</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-advanced-filtering.htm'>Advanced Filtering</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-server-filtering.htm'>Server Filtering</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-filtering-api.htm'>Filtering API</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-paging.htm'>Paging</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-server-paging.htm'>Server Paging</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-paging-api.htm'>Paging API</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-nested-tables.htm'>Master Details with Nested Tables</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-master-details.htm'>Master Details with 2 Tables</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-aggregates.htm'>Aggregates</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-custom-aggregates.htm'>Aggregates Template</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-grouping.htm'>Grouping</a> </li> <li> <a href='demos/jqxdatatable/javascript-datatable-grouping-and-server-paging.htm'>Grouping and Server Paging</a> </li> <li><a href='demos/jqxdatatable/javascript-datatable-data-export.htm'>Data Export</a></li> <li><a href='demos/jqxdatatable/javascript-datatable-printing.htm'>Data Printing</a></li> <li><a href='demos/jqxdatatable/javascript-datatable-fluid-size.htm'>Fluid Size</a></li> <li><a href='demos/jqxdatatable/javascript-datatable-localization.htm'>Localization</a> </li> <li><a href='demos/jqxdatatable/javascript-datatable-conditional-formatting.htm'>Conditional Formatting</a></li> <li><a href='demos/jqxdatatable/javascript-datatable-keyboard-support.htm'>Keyboard Navigation</a></li> <li><a href='demos/jqxdatatable/javascript-datatable-rtl.htm'>Right to Left Layout</a></li> </ul> </li> <li> jqxTreeGrid <ul> <li> <a href='demos/jqxtreegrid/defaultfunctionality.htm'>Default Functionality</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-binding-to-array.htm'>Local Data</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-binding-to-xml.htm'>XML Data</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-binding-to-nested-xml.htm'>Nested XML Data</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-binding-to-json.htm'>JSON Data</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-binding-to-nested-json.htm'>Nested JSON Data</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-binding-to-csv.htm'>CSV Data</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-binding-to-tab.htm'>Tab Data</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-virtual-mode.htm'>Virtual Mode(Load data on demand)</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-load-on-demand.htm'>Virtual Mode with Ajax</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-columns-hierarchy.htm'>Columns Hierarchy</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-column-formatting.htm'>Column Formatting</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-column-alignment.htm'>Column Alignment</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-columns-resize.htm'>Column Resize</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-columns-reorder.htm'>Column Reorder</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-show-or-hide-columns.htm'>Show or Hide Column</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-pinned-column.htm'>Pinned(Frozen) Column</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-checkboxes.htm'>Column Checkboxes</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-hierarchical-checkboxes.htm'> Column Hierarchical<br /> Checkboxes </a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-icons.htm'>Column Icons</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-small-icons.htm'>Column Small Icons</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-header-template.htm'>Header Template</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-inline-editing.htm'>Inline Row</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-dialog-editing.htm'>Dialog</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-command-column.htm'>Command Column</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-context-menu.htm'>Context Menu</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-lock-row.htm'>Lock Row</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-cell-editing.htm'>Cell Editing</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-custom-editors.htm'>Custom Editors</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-property-editor.htm'>Property Editor</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-validation.htm'>Validation</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-sorting.htm'>Sorting</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-sorting-api.htm'>Sorting API</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-filtering.htm'>Filtering</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-filter-textbox.htm'>Search Field</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-advanced-filtering.htm'>Advanced Filtering</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-filtering-api.htm'>Filtering API</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-paging.htm'>Paging</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-paging-size-mode.htm'> Paging by Root<br /> Records </a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-paging-api.htm'>Paging API</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-aggregates.htm'>Aggregates</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-custom-aggregates.htm'>Aggregates Template</a> </li> <li> <a href='demos/jqxtreegrid/javascript-tree-grid-manual-aggregates-calculation.htm'>Manual Aggregates Calculation</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-row-details.htm'>Row Details</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-localization.htm'>Localization</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-data-export.htm'>Data Export</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-printing.htm'>Data Printing</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-grouping.htm'>Data Grouping</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-conditional-formatting.htm'>Conditional Formatting</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-cells-renderer.htm'>Conditional Rendering</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-fluid-size.htm'>Fluid Size</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-keyboard-support.htm'>Keyboard Navigation</a> </li> <li><a href='demos/jqxtreegrid/javascript-tree-grid-rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxInput <ul> <li> <a href='demos/jqxinput/defaultfunctionality.htm'>Default Functionality</a> </li> <li> <a href='demos/jqxinput/remoteautocomplete.htm'>Auto Complete</a> </li> <li> <a href='demos/jqxinput/multipleitems.htm'>Multiple Values</a> </li> <li> <a href='demos/jqxinput/bindingtojson.htm'>Binding to JSON</a> </li> <li><a href='demos/jqxinput/inputgroup.htm'>Input Group</a></li> <li><a href="demos/jqxinput/input-fluid-size.htm">Fluid Size</a></li> <li><a href='demos/jqxinput/rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxCalendar <ul> <li> <a href='demos/jqxcalendar/defaultfunctionality.htm'>Default Functionality</a> </li> <li><a href='demos/jqxcalendar/localization.htm'>Localization</a> </li> <li><a href='demos/jqxcalendar/specialdates.htm'>Special dates</a> </li> <li> <a href='demos/jqxcalendar/showweekoftheyear.htm'>Show week of the year</a> </li> <li><a href='demos/jqxcalendar/restrictdaterange.htm'>Restrict date range</a> </li> <li> <a href='demos/jqxcalendar/hideothermonthdays.htm'>Hide other month days</a> </li> <li><a href='demos/jqxcalendar/displayweekends.htm'>Display weekends style</a> </li> <li><a href='demos/jqxcalendar/firstdayofweek.htm'>First day of the week</a> </li> <li><a href='demos/jqxcalendar/rangeselection.htm'>Range Selection</a> </li> <li><a href='demos/jqxcalendar/restricteddates.htm.htm'>Restricted Dates</a> </li> <li><a href='demos/jqxcalendar/disabledcalendar.htm'>Disabled</a> </li> <li><a href='demos/jqxcalendar/calendar-fluid-size.htm'>Fluid Size</a> </li> <li><a href='demos/jqxcalendar/events.htm'>Events</a> </li> <li><a href='demos/jqxcalendar/keyboardsupport.htm'>Keyboard Navigation</a> </li> <li><a href='demos/jqxcalendar/rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxDateTimeInput <ul> <li> <a href='demos/jqxdatetimeinput/defaultfunctionality.htm'>Default Functionality</a> </li> <li><a href='demos/jqxdatetimeinput/localization.htm'>Localization</a> </li> <li><a href='demos/jqxdatetimeinput/timeinput.htm'>Time Input</a> </li> <li> <a href='demos/jqxdatetimeinput/restrictdaterange.htm'>Restrict date range</a> </li> <li><a href='demos/jqxdatetimeinput/formatdate.htm'>Format Date</a> </li> <li><a href='demos/jqxdatetimeinput/disableddatetimeinput.htm'>Disabled</a> </li> <li><a href='demos/jqxdatetimeinput/dateandtime.htm'>Date & Time</a> </li> <li><a href='demos/jqxdatetimeinput/rangeselection.htm'>Range Selection</a> </li> <li><a href='demos/jqxdatetimeinput/events.htm'>Events</a> </li> <li><a href='demos/jqxdatetimeinput/datetimeinput-fluid-size.htm'>Fluid Size</a> </li> <li><a href='demos/jqxdatetimeinput/keyboardsupport.htm'>Keyboard Navigation</a> </li> <li><a href='demos/jqxdatetimeinput/rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxButtons <ul> <li> <a href='demos/jqxbutton/defaultfunctionality.htm'>Default Functionality</a> </li> <li><a href='demos/jqxbutton/togglebutton.htm'>ToggleButton</a> </li> <li><a href='demos/jqxbutton/repeatbutton.htm'>RepeatButton</a> </li> <li><a href='demos/jqxbutton/linkbutton.htm'>LinkButton</a> </li> <li><a href='demos/jqxbutton/dropdownbutton.htm'>DropDown Button</a> </li> <li><a href='demos/jqxbutton/checkbox.htm'>Checkbox</a> </li> <li><a href='demos/jqxbutton/radiobutton.htm'>RadioButton</a> </li> <li><a href='demos/jqxbutton/switchbutton.htm'>Switch Button</a> </li> <li><a href='demos/jqxbutton/buttongroup.htm'>Button Group</a> </li> <li><a href='demos/jqxbutton/buttons-fluid-size.htm'>Fluid Size</a> </li> <li><a href='demos/jqxbutton/rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxColorPicker <ul> <li> <a href='demos/jqxcolorpicker/defaultfunctionality.htm'>Default Functionality</a> </li> <li> <a href='demos/jqxcolorpicker/settings.htm'>Settings</a> </li> </ul> </li> <li> jqxComboBox <ul> <li> <a href='demos/jqxcombobox/defaultfunctionality.htm'>Default Functionality</a> </li> <li><a href="demos/jqxcombobox/multiselect.htm">Multi Select</a></li> <li><a href='demos/jqxcombobox/settings.htm'>Settings</a> </li> <li><a href='demos/jqxcombobox/categories.htm'>Categories</a> </li> <li><a href='demos/jqxcombobox/cascadingcombobox.htm'>Cascading Comboboxes</a> </li> <li><a href='demos/jqxcombobox/bindingtoremotedata.htm'>Remote Data Source</a> </li> <li><a href='demos/jqxcombobox/bindingtoxml.htm'>Binding to XML Data</a> </li> <li><a href='demos/jqxcombobox/bindingtojson.htm'>Binding to JSON Data</a> </li> <li><a href='demos/jqxcombobox/rendering.htm'>Custom Rendering</a></li> <li><a href='demos/jqxcombobox/remotesearch.htm'>Remote Auto-Complete</a></li> <li><a href='demos/jqxcombobox/alignment.htm'>DropDown Alignment</a></li> <li><a href='demos/jqxcombobox/animation.htm'>DropDown Animation</a></li> <li><a href='demos/jqxcombobox/checkboxes.htm'>Checkboxes</a></li> <li> <a href='demos/jqxcombobox/combobox-from-select.htm'>Init from select tag</a> </li> <li> <a href='demos/jqxcombobox/combobox-from-ul.htm'>Init from ul tag</a> </li> <li><a href='demos/jqxcombobox/combobox-fluid-size.htm'>Fluid Size</a></li> <li><a href='demos/jqxcombobox/events.htm'>Events</a> </li> <li><a href='demos/jqxcombobox/keyboardsupport.htm'>Keyboard Navigation</a> </li> <li><a href='demos/jqxcombobox/rtl.htm'>Right to Left Layout</a> </li> </ul> </li> <li> jqxDropDownList <ul> <li> <a href='demos/jqxdropdownlist/defaultfunctionality.htm'>Default Functionality</a> </li> <li><a href='demos/jqxdropdownlist/textwithicons.htm'>Text with Icons</a> </li> <li><a href='demos/jqxdropdownlist/categories.htm'>Categories</a> </li> <li> <a href='demos/jqxdropdownlist/loadfromselect.htm'>Load data from select</a> </li> <li><a href='demos/jqxdropdownlist/bindingtoxml.htm'>Binding to XML Data</a> </li> <li><a href='demos/jqxdropdownlist/bi