What is the alternative for <apex:enhancedList> for lightning design system in order to get look and feel like Lightning List View?

Question

I have a Visualforce Page tab where I have used <apex:enhancedList>for displaying list view of my custom object like follow:-

<apex:enhancedList type="customObject__c" height="500" rowsPerPage="25" id="srvyPrgList"  rendered="{!NOT(displayStartPage)}"/>

When I open this Visualforce Page tab in lightning view <apex:enhancedList look and will be displayed like a classic sales-force view as follows:

If I have to convert this list view so as to get look and feel like lightning list view e.g like this

Anyone please advise what should be the alternative for <apex:enhancedListor any workaround to convert this classic view into lightning view.

if you want this view in lightning experience then you can navigate to list view using sforce.one.navigateToList('XXX_List view ID_XXX', 'My List view', 'customObject__c'); in JavaScript. — Sagar Thoriya, Jun 9 '17 at 9:36
I don't think there is an equivalent yet. I think you will have to use the data tables design in the lightning design system and code it yourself. — Martin Lezer, Jun 9 '17 at 9:37
you can now use lightningstylesheet=true in apex:page as below to convert it into lightning view. <apex:page lightningStylesheets="true"> — sf_user, Sep 28 '17 at 15:56

Itai Shmida · Accepted Answer · 2017-06-11 05:43:27Z

Today there is no alternative for <apex:enhancedList>

You can have 2 workarounds:

by code - use Strike component which is open, free and really good, and you can customize it by code to do whatever you want.
From within the app builder add the Related List component to your record page for each list that you want to use:

1 Answer 1