How to freeze datatable header using slds standard classes

There is common scenario to freeze the table header and providing scrollbar to table body. This can be achieved by using standard slds classes no need to add custom CSS for that.

You have to use below mentioned slds classes:

• slds-table--header-fixed_container : add this class on div by specifying the height for div
• slds-table--header-fixed :add this class to table
• slds-cell-fixed: add this class to <th> tag.

I have created a sample to display account list in data table inside slds card. Please find below sample code:

Hope this will help!!!

Important facts which needs to be considered while designing any solution which includes Large data volumes in Salesforce

• Sharing calculation is even performed for records which are in recycle bin which may impact your performance. So if you don't need records then perform hard delete on records after archiving it.

• Only Bulk API supports hard delete functionality.

• Adding custom indexes on records may improve query performance but can degrade the performance of database insert and update. That is reason that Salesforce doesn't allow developers to add custom indexes by themselves. You have to raise support ticket and Salesforce will evaluate your use case before adding custom indexes. So always evaluate the pros and cons before adding any new custom indexes.

• As a best practice, don't use formula fields in where clause in SOQL. It degrade the SOQL performance if it doesn't return deterministic values (formula returns pre-defined set of values which are repeatable).

• Now Salesforce allow you to add custom index to formula fields only if it gives deterministic results

• Use readonly attribute on VF page if you want to query more than 50 millions records and display the result on UI by processing those records.