I have a list view that is using a custom component which displays grey space under the list. the list is dynamic and can be one records or many. How do I remove the grey space to condense the component in the UI to just the records needing to be displayed?
Below is the JSON that is controlling the component:
{ "component": { "attributes": { "version": "1.0", "componentType": "table" }, "properties": { "label": "All Accounts", "order": 1, "dataSource": { "component": { "attributes": { "componentType": "dataSource", "version": "1.0" }, "properties": { "objectName": "practifi__Asset_Liability__c", "filterLogic": "1 AND (2 OR 3)", "filters": [ { "field": "RecordType.DeveloperName", "comparator": "=", "value": "'Member_Account'" }, { "field": "practifi__Client__c", "comparator": "=", "value": "[RECORD]" }, { "field": "practifi__Related_Entity__c", "comparator": "=", "value": "[RECORD]" } ] } } }, "tableConfig": { "hideRowActionEditButton": true, "hideDefaultMassActions": true, "hideRowActionDeleteButton": true, "defaultOrder": { "field": "Status__c", "direction": "asc" } }, "tableColumns": [ { "label": "Name", "fieldName": "Name", "type": "record", "typeAttributes": { "recordId": { "fieldName": "Id" }, "recordName": { "fieldName": "Name" }, "openIn": "workspaceSubTab" } }, { "label":"Lost Status", "fieldName": "Account_Lost_Status__c" }, { "label":"Austin", "fieldName": "Pension_Transfer_Bonus_Rec_d_Previously__c" }, { "fieldName": "Member_External_Reference_Id__c" }, { "fieldName": "Pension_Policy_Number__c" }, { "fieldName": "Asset_Liab_Type__c" }, { "fieldName": "Status__c" }, { "fieldName": "practifi__Start_Date__c", "type": "date", "typeAttributes": { "day": "2-digit", "month": "2-digit", "year": "numeric" } }, { "label": "End Date", "fieldName": "End_Date_Formula__c", "type": "date", "typeAttributes": { "day": "2-digit", "month": "2-digit", "year": "numeric" } } ] } } } 