Modern Data Grid

• Optimized for Canvas Apps
• Responsive
• Works Seamlessly with Any Data Source
• Includes Built-In Filtering, Sorting, and Keyword Search
• Supports Pagination (Ensure "Default Rows" is set above 0 for it to display)

For any issues or feedback, please use the "Issues" tab at the top of the page.

Installation

To ensure the custom component runs properly, you must first enable code components for Canvas Apps.

Enabling Code Components for Canvas Apps

1. Navigate to Power Platform Admin Center.
2. Select Environments from the navigation menu on the left.
3. Click Settings from the ribbon.
4. Under the Product section, select Features.
5. Enable Allow publishing of canvas apps with code components under the Power Apps component framework for canvas apps.

Importing the Solution to Your Environment

1. Download the latest solution for this component from the Modern Data Grid releases.
2. Go to Power Apps Maker Portal.
3. Click Import solution from the ribbon and follow the prompts.

Adding the Code Component to Your Canvas App

1. Open your Canvas App in Edit mode.
2. Click the magnifying glass icon in the Insert tab.
3. Select the Code tab.
4. Choose ModernDataGrid from the list.
5. Click Insert.
6. The component is now ready for use in your Canvas App.

Input Parameters

Input	Values
enabled	true, false
displayHeader	true, false
headerText	Custom text string
displaySearch	true, false
displayPagination	true, false
allowFiltering	true, false
allowSorting	true, false
defaultRows	Numeric value (e.g., 10, 25, 50)
emptyMessage	Custom text string
selectionMode	multiple, checkbox
filterDisplayType	menu, row