Related list inline editing Salesforce

Note:
1. Enter API Name of the child object in Object Name
2. Parent Field API Name should be the lookup or master-detail field API Name.
3. Filed Name is the API Name of the Field to filter.

relatedList.html:

relatedList.js:
import { LightningElement, api, wire } from 'lwc';
import fetchRecords from '@salesforce/apex/RelatedListController.fetchRecords';
export default class RelatedList extends LightningElement {
@api objectName;
@api fieldName;
@api fieldValue;
@api parentFieldAPIName;
@api recordId;
@api strTitle;
@api filterType;
@api operator;
get vals() {
return this.recordId + ',' + this.objectName + ',' +
this.parentFieldAPIName + ',' + this.fieldName + ',' +
this.fieldValue + ',' + this.filterType + ',' + this.operator;
}
@wire(fetchRecords, { listValues: '$vals' })
records;
}

relatedList.js-meta.xml:
51.0
true
lightning__RecordPage

Apex Class:
public class RelatedListController {
@AuraEnabled( cacheable=true )
public static List < sObject > fetchRecords( String listValues ) {
system.debug( 'values are ' + listValues );
List < String > strList = listValues.split( ',' );
system.debug( 'values are ' + strList );
if ( strList.size() == 7 ) {
String recordId = strList.get( 0 );
String objectName = strList.get( 1 );
String parentFieldAPIName = strList.get( 2 );
String fieldName = strList.get( 3 );
String fieldValue = strList.get( 4 );
String filterType = strList.get( 5 );
String operator = strList.get( 6 );
String strSOQL = 'SELECT Id FROM ' + objectName + ' WHERE ' + parentFieldAPIName + ' = \'' + recordId + '\' AND ';
if ( filterType == 'String' )
strSOQL += fieldName + ' = \'' + fieldValue + '\'';
else if ( filterType == 'Boolean' )
strSOQL += fieldName + ' = ' + fieldValue;
else
strSOQL += fieldName + ' ' + operator + ' ' + fieldValue;
strSOQL += ' LIMIT 10';
return Database.query( strSOQL );
} else
return null;
}
}

Configuring Attributes in Lightning App Builder:
I have done the below configuration on the AccountLightningRecord Page.




Output: