Custom Grid/Subgrid Using Office-UI-Fabric DetailsList

Custom PCF Grid/Subgrid Using Office-UI-Fabric DetailsList

DetailsList Grid Control

Allows you to simulate the out of the box Grid and Subgrid controls using the Office-UI-Fabric DetailsList control. It was built to provide a springboard when you need a customizable grid experience. This component re-creates a mojority of the capabilities available out of the box in less than 300 lines of code and demonstrates the following:

  • Using the DataSet within a React functional component.
  • Displaying and sorting data within the Office-UI-Fabric DetailsList component.
  • Rendering custom formats for data with the DetailsList component such as links for Entity References, email addresses, and phone numbers.
  • Displaying field data for related entities.
  • React Hooks - the component uses both useState and useEffect.
  • Loading more than 5k records in DataSet.
  • Retaining the use of the standard ribbon buttons by using the setSelectedRecordIds function on the DataSet.
  • Detecting and responding to control width updates.

Comments

  1. MSSeptember 28, 2020 at 8:00 AM

    I see for certain resolutions, on scrolling the grid turns blank. Is it a known issue with your control and any fix available?

    ReplyDelete
  2. FAVOURITE FRUIT PRESERVATION PVT LTD.January 27, 2021 at 2:44 AM

    Great job for publishing such a nice article. Your article isn’t only useful but it is additionally really informative. Thank you because you have been willing to share information with us. Non Woven Fabric Manufacturer in India

    ReplyDelete
  3. Office Setup HelpFebruary 8, 2021 at 9:04 AM

    Great tutorial, I liked the representation and explanation. Find help related to office products and quality tutorials at Www.Office.Com/Setup.

    ReplyDelete
  4. Kart ForestFebruary 20, 2021 at 9:03 AM

    Thanks for sharing this article here about the Buy Cotton Fabric Online . Your article is very informative and I will share it with my other friends as the information is really very useful. Keep sharing your excellent work.Buy Cotton Fabric Online in India

    ReplyDelete
  5. CuzToxApril 2, 2021 at 2:15 AM

    Going down to the neighborhood police headquarters and getting a crime percentage report can serve to rapidly dispose of a couple of office rental areas that you may have had your heart set on. del mar office space

    ReplyDelete
  6. Laura BushApril 14, 2021 at 1:20 AM

    I generally want quality content and this thing I found in your article. It is beneficial and significant for us. Keep sharing these kinds of articles, Thank you. burlap bags for sale

    ReplyDelete
  7. kevin calainSeptember 27, 2021 at 7:24 AM

    I read the above article and got some knowledge from your article which is about burlap fabric. It's actually great and useful data for us. Thanks for sharing it.

    ReplyDelete
  8. zakkiduaOctober 8, 2021 at 7:52 AM

    Experts can sort out and pack your stuff in a viable way. Then again, in the event that you pack your stuff yourself, you will face the challenge of harming your significant things.removals company hackney wick

    ReplyDelete
  9. spokemodellobeDecember 21, 2021 at 2:36 PM

    It is truly a well-researched content and excellent wording. I got so engaged in this material that I couldn’t wait to read. Read more info about Mens Suits Surrey Bc. I am impressed with your work and skill. Thanks.

    ReplyDelete
  10. Student loan expertsDecember 30, 2021 at 8:57 AM

    For years, child resistant packaging have searched for ways to boost ailing production performance. From the promise of ERP, to Lean initiatives, Six Sigma and a plethora of other tips and techniques, manufacturers have become the experts at sizing up what works and, just as importantly, what doesn't.

    ReplyDelete
  11. mahnoorDecember 31, 2021 at 5:06 AM

    Wow, cool post. I'd like to write like this too - taking time and real hard work to make a great article... but I put things off too much and never seem to get started. Thanks though. blisters for concentrate

    ReplyDelete
  12. Core Commercial Real EstateJanuary 3, 2022 at 2:08 AM



    I agree with a lot of the points you made in this article. If you are looking for the Calgary Office Space, then visit Core Commercial Real Estate. I love your content, they are very nice and very useful to us and this text is worth everyone’s attention.

    ReplyDelete
  13. Stampa PrintsJanuary 6, 2022 at 12:59 AM

    Get the best services of SEO, Digital Marketing, IT Services, Websites in any of language you please visit us at: Web Solutions

    ReplyDelete
  14. Graticle DesignJanuary 8, 2022 at 5:23 AM

    Thanks for your post. It's very helpful post for us. You can also visit web design portland for more Victor Steel related information. I would like to thanks for sharing this article here.

    ReplyDelete
  15. youlyaJanuary 14, 2022 at 2:18 AM

    Extremely useful information which you have shared here about sports bra for running. This is a great way to enhance knowledge for us, and also beneficial for us. Thank you for sharing an article like this.

    ReplyDelete
  16. zakkiduaJanuary 30, 2022 at 6:53 AM

    Plumbing fittings incorporate a wide grouping of plumbing equipment including lines, spigots and the joints that interface these installations.
    burst pipe repair
    Plumbing

    ReplyDelete
  17. AnonymousFebruary 7, 2022 at 11:21 AM

    thanks

    ReplyDelete
  18. Plumbers in Chula VistaFebruary 7, 2022 at 11:26 AM

    Hiring a plumber isn't just about finding a cheap and nearby plumber. When you run into a really difficult problem, you need the help of a true renovation expert who understands home design at a basic level.

    ReplyDelete

Post a Comment

Popular posts from this blog

Add User As Local Administrator On Domain Controller

I recently was settting up a new Microsoft SharePoint 2010 machine and had promoted the machine to a domain controller before creating my SharePoint admin accounts.  I needed to add several of my accounts to the local Administrators group.  Unfortunately after you promote a server to a domain controller you can no longer access the GUI for Local Users and Groups.  Instead I had to use the command line to add the users. Open a command promt using the "Run as administrator" function and then run the following command. net localgroup Administrators /add {domain}\{user} Note: do not include the {} brackets.
Read more

How to Create SharePoint Items with Power Automate Desktop

Image
Overview Power Automate Desktop is a great way to automate many of your daily task so you can focus on real work. A prime example of this is getting data from one place to another, especially when those data sources do not have an API such as a legacy desktop application or a file. In this example I demonstrate several ways in which an Excel sheet containing fictitious customer data could be loaded into a SharePoint list. In order to do this I first generated some fake data for my customers using Mockaroo . I then created a new SharePoint list and added some columns to match my spreadsheet. Methods My original plan was to just use the PAD recorder , which I did, but after creating that Flow I decided to find other possible ways to accomplish the task. The list below is not a complete list but should provide some ideas. The flexibility of PAD allows for an even wider range of possibilities for carrying out tasks such as these. At the end of each section I have placed the s...
Read more

Calling Dataverse Web API in PowerShell using Client Credentials

Image
Connecting to Dataverse using PowerShell can be very helpful for data migrations and use within Azure DevOps. Connecting to an instance in a non-interactive way can be tricky though. This article will provide you the links you need for creation and App registration and adding the app user to your environment. You can then utilize the script provided to call Web API requests including ones you define using the new Custom API functionality now available. The script was written so that it is not dependent on any outside libraries such as the Microsoft.Xrm.Tooling connector. This is helpful in situation where involving an outside library will slow down your deployment time by having to be approved in a change control board. If utilizing an outside code library is not a concern you can create a connection to Dataverse utilizing the Microsoft.Xrm.Tooling connector Get-CrmConnection cmdlet. Create App Registration The first thing to do is create an App Registration within Azure AD for ...
Read more