温馨提示:本站仅提供公开网络链接索引服务,不存储、不篡改任何第三方内容,所有内容版权归原作者所有
AI智能索引来源:http://www.mui.com/x/react-data-grid/tutorials/server-side-data/
点击访问原文链接

Tutorial - Data Grid with Server-side Data - MUI X

🚀 Material UI and MUI X v9 are out! Check out the announcement blogpost.What's new in MUI XIntroductionCommon conceptsData GridOverviewQuickstartFeaturesDemosLayoutColumnsRowsCellsEditingSortingFilteringPaginationSelectionVirtualizationAccessibilityLocalizationTree dataRow groupingAggregationPivotingNewExportCopy and pasteUndo and redoNewScrollingList viewServer-side dataNewCharts integrationNewAI AssistantNewUsageToolbarExportQuick FilterColumns PanelPlannedFilter PanelPlannedPrompt FieldPivot PanelPlannedCharts PanelPlannedAI Assistant PanelPlannedStyling basicsStyling recipesOverlaysCustom subcomponentsAPI objectEventsStatePerformanceAPI referenceServer-side dataAggregation and row groupingDate and Time PickersChartsTree ViewSchedulerPreviewChatPreviewMigrationData Source layerthe complete app code on GitHubServer-side data with the Data Source layerColumn definitionPaginationSortingMaterial UI installation pagemulti-column sortingadvanced filtering operatorscursor-based paginationserver-side data documentationEdit this pageBlogStoreOverviewPrerequisitesRelevant documentationPart one: App setup1. Create the project structure2. Initialize the server3. Initialize the client4. Set up the server code5. Add scripts to package.json files6. Set up the client code7. Run the applicationPart two: Data Grid setup8. Define the data structure9. Define the grid columns10. Set up GridDataSource11. Build the URL parameters12. Make the API call13. Return the data to the grid14. Put it all together15. Render the Data Grid16. Add the UI wrapper17. Complete component codeLearn moreBecome a Diamond sponsorMUI stands in solidarity with Ukraine.

智能索引记录