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. AnonymousJune 15, 2021 at 6:58 PM

    Kaliteli escort bayanlarla tanışma fırsatı yakalamak için tıkla: ankara escort ankara escort ankara escort izmir escort ankara escort ankara escort ankara escort ankara escort ankara escort

    ReplyDelete
  8. Kemal Can ParlakJune 16, 2021 at 12:30 PM

    Kaliteli escort bayanlarla tanışma fırsatı yakalamak için tıkla: ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort - ankara escort

    ReplyDelete
  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. 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
  18. zakkiduaJanuary 30, 2022 at 6:51 AM

    In the event that your rooftop should be fixed promptly, you should be ready to discover your rooftop fix project worker charging you a premium for the work. This is justifiable, on the grounds that very much like finishing any work rapidly, in any event, getting a rooftop fixed rapidly makes certain to set you back additional. Roof repair costs
    Roof replacement

    ReplyDelete
  19. 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
  20. AnonymousFebruary 7, 2022 at 11:21 AM

    thanks

    ReplyDelete
  21. 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
  22. jasperrealtyadvisorsMarch 4, 2022 at 6:52 AM

    Thanks for suggesting good list. I appreciate your work this is really helpful for everyone. Get more information at industrial tenant representation. Keep posting such useful information.

    ReplyDelete
  23. fourdasoulMarch 11, 2022 at 12:05 AM

    The delightful article you have posted here. This is a good way to increase our knowledge of Buy Area Rugs At Affordable Price Continue sharing this kind of articles, Thank you.

    ReplyDelete
  24. B.TApril 22, 2022 at 5:53 PM

    Your local area, be sure to head over to our website. With over 15 years experience as plumbers plumbing services

    ReplyDelete
  25. VC Contractor LLCJune 9, 2022 at 7:33 AM

    I recently came upon your blog and wanted to express how much I liked reading your postings. I'm hoping you'll write again soon. Thank you very much for the excellent information. Professional Roof Replacement service Kelso WA

    ReplyDelete
  26. UnknownJuly 29, 2022 at 2:11 AM

    Ebath is one of the leading Shower Enclosure,Bathroom Mirrors manufacturers and suppliers in China, also supporting customized service. Be free to wholesale high quality products from our factory밀양출장아로마
    사천출장아로마
    양산출장아로마
    진주출장아로마
    창원출장아로마

    ReplyDelete
  27. ITGOLD SolutionsAugust 6, 2022 at 6:01 AM

    This comment has been removed by the author.

    ReplyDelete
  28. Bespoke TailorNovember 29, 2022 at 8:54 AM

    i recently upon a ties service

    ReplyDelete
  29. Harvey NicholsMarch 17, 2023 at 6:06 AM

    So please always share this kind of information. Thanks.

    ReplyDelete
  30. Melissa HowardMarch 30, 2023 at 3:54 AM


    Clearly, it's an enticing article for us which you've got provided here.

    Clearly, it's an enticing article for us which you've got provided here. This is often an excellent resource to reinforce knowledge about it. Thank you.

    ReplyDelete
  31. NOMADS COWORKINGApril 4, 2023 at 3:30 PM

    You have achieved incredible work by dispersing this article here. I tracked down this article a ton of helpful, and besides redesigning our insight is significant. Thankful to you for sharing an article like this. Shared Office Space Rental Service

    ReplyDelete
  32. Jet MalApril 15, 2023 at 6:17 AM

    i recently upon a ties service Charles Bentley Discount Code

    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