SlideShare a Scribd company logo
1 of 5
JavaScript Grid
By ShieldUI
Intro
The ShieldUI Grid component boasts exceptional performance and a high level of customizability. This page lists some of its main features.
Paging
Load only a subset of the data to adjust the control to the screen and scenario limitations. Allow intuitive interaction for the user through the fully customizable, built-in navigation pager. Take
advantage of the paging API of the control, to enable even greater degree of flexibility.
Sorting
Allow end-user data sorting for the rendered data out-of-the-box. Custom api allows triggering of the sorting mechanism via code. Multiple sorting modes enable coverage for all sorting
behaviors by simply setting the API of the control.
Scrolling
Allowing scrollable contents for the grid control is essential for situations where there is insufficient space to render the complete set data. Thanks to the ShieldUI intuitive architecture, this
layout is available through a single property.
Conditional formatting
Allow easy formatting of data and layout in the grid. This can be done either conditionally, based on predefined conditions, or for whole sections of the control, such as a column.
Master-Details layout
Easily enable correlation of two or more grid controls. The scenarios of “master-detail” relationship between two grids are straightforward to configure, thanks to the intuitive api of the control.
Events
Take advantage of a large number of client-side events. They allow customizing your application to the smallest detail.
Databinding
Bind the control to either local or remote data. Take advantage of a unique data source control that simplifies operations, exposes a flexible api and allows unmatched performance. The control
can also be easily initialized through a table on the hosting html page. Remote databinding to an xml file is also handled easily out-of-the-box.
Column and Row customization
Gain full control of the layout of you grid. The flexible grid architecture allows customization at both column and row levels. Tweaking the appearance to the smallest details is yet another
powerful feature to fully utilize the control.
Virtualization
Binding to hundreds of thousands or even millions of records is not a problem for the ShieldUI control. It does not cause any performance hits, thanks to the optimized virtualization mechanism
of the control, which loads only the required records for the current view.
Reduce the development time and speed up the performance your application by:
Reducing postbacks for better user experience
Producing minimal amount of clean HTML and CSS
Decreasing memory usage and having code free from memory leaks
Minimizing JavaScript footprint by only loading records, which are needed
Output
Getting Started
In order to take advantage of the functionalities
offered by our grid component, you will need to:
1. Include references to all required scripts and
css files.
2. Add the control declaration along with the
desired properties.
Resources
Documentation:
https://www.shieldui.com/documentation/grid/
javascript/getting.started

Demos:
https://demos.shieldui.com/web/gridgeneral/basic-usage

More Related Content

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Recently uploaded (20)

Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 

Featured

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

JavaScript grid

  • 2. Intro The ShieldUI Grid component boasts exceptional performance and a high level of customizability. This page lists some of its main features. Paging Load only a subset of the data to adjust the control to the screen and scenario limitations. Allow intuitive interaction for the user through the fully customizable, built-in navigation pager. Take advantage of the paging API of the control, to enable even greater degree of flexibility. Sorting Allow end-user data sorting for the rendered data out-of-the-box. Custom api allows triggering of the sorting mechanism via code. Multiple sorting modes enable coverage for all sorting behaviors by simply setting the API of the control. Scrolling Allowing scrollable contents for the grid control is essential for situations where there is insufficient space to render the complete set data. Thanks to the ShieldUI intuitive architecture, this layout is available through a single property. Conditional formatting Allow easy formatting of data and layout in the grid. This can be done either conditionally, based on predefined conditions, or for whole sections of the control, such as a column. Master-Details layout Easily enable correlation of two or more grid controls. The scenarios of “master-detail” relationship between two grids are straightforward to configure, thanks to the intuitive api of the control. Events Take advantage of a large number of client-side events. They allow customizing your application to the smallest detail. Databinding Bind the control to either local or remote data. Take advantage of a unique data source control that simplifies operations, exposes a flexible api and allows unmatched performance. The control can also be easily initialized through a table on the hosting html page. Remote databinding to an xml file is also handled easily out-of-the-box. Column and Row customization Gain full control of the layout of you grid. The flexible grid architecture allows customization at both column and row levels. Tweaking the appearance to the smallest details is yet another powerful feature to fully utilize the control. Virtualization Binding to hundreds of thousands or even millions of records is not a problem for the ShieldUI control. It does not cause any performance hits, thanks to the optimized virtualization mechanism of the control, which loads only the required records for the current view. Reduce the development time and speed up the performance your application by: Reducing postbacks for better user experience Producing minimal amount of clean HTML and CSS Decreasing memory usage and having code free from memory leaks Minimizing JavaScript footprint by only loading records, which are needed
  • 4. Getting Started In order to take advantage of the functionalities offered by our grid component, you will need to: 1. Include references to all required scripts and css files. 2. Add the control declaration along with the desired properties.