import { LightningElement , wire} from 'lwc';
//import getLeads from '@salesforce/apex/Qqq.getLeads';

import getLeads from '@salesforce/apex/fetchLead.getLeads';
import { updateRecord } from 'lightning/uiRecordApi';
// const columns = [
//     { label: 'Name', fieldName: 'recordLink', type: 'url',
//     typeAttributes: {label: {fieldName: "LeadName"}, tooltip: "Name", linkify: true} },
//     { label: 'Title', fieldName: 'Title', type: 'text', editable: true },
//     { label: 'Phone', fieldName: 'Phone', type: 'text', editable: true }    
// ];
export default class LeadTable extends LightningElement {
    // columns = columns;
    leads;
leadDetails=[];   
    @wire(getLeads)
    wiredLeads(value) {
        this.leadDetails = value;
        const {error, data} = value;
        if (data) {
            let leadData = JSON.parse(JSON.stringify(data));  
            leadData.forEach(record => {
                                record.recordLink = "/" + record.Id;  
                                record.LeadName = record.Name;
                        });  
            this.leads = leadData;
        } else if (error) {
            this.error = error;
        }
    }

    handleBlur(event){
     let getValue =  event.target.value;
     let fieldLable = event.target.label;
     let sId = event.target.name;
     this.handleInputChange(event,sId,getValue,fieldLable);

    }
    handleInputChange(event,sId,getValue,fieldLable){
         const fields = {};
         fields['Id'] = sId;
         fields[fieldLable] = getValue;
            const recordInput = { fields };
           updateRecord(recordInput)
                .then(() => {
                   console.log('Data Updated Successfuly!');
                })
                .catch(error => {
                    alert('error : ' + JSON.stringify(error));
                });
    }
}
=====================================
<!-- <template>
    <lightning-card title="Leads">
        <lightning-layout multiple-rows="true" vertical-align="end">
           
            <lightning-layout-item size="12" padding="around-small">
                <lightning-datatable key-field="id" data={leads} columns={columns}></lightning-datatable>
            </lightning-layout-item>
           
        </lightning-layout>
    </lightning-card>
</template> -->
<template>
	 <lightning-card title="Leads">
<table class="slds-table slds-table_cell-buffer slds-table_bordered"
	aria-label="Example default base table of Opportunities">
	<thead>
		<tr class="slds-line-height_reset">
			<th class="" scope="col">
				<div class="slds-truncate" title="Name">Name</div>
			</th>
			<th class="" scope="col">
				<div class="slds-truncate" title="Title">Title</div>
			</th>
			<th class="" scope="col">
				<div class="slds-truncate" title="Phone">Phone</div>
			</th>
			
		</tr>
	</thead>
	<tbody>
        <template for:each={leads} for:item="lead">
		<tr class="slds-hint-parent" key={lead.Id}>
			<td >
				<div class="slds-truncate" title={lead.LeadName}>
					<a href={lead.recordLink} >{lead.LeadName}</a>
				</div>
			</td>
			<td >
				<!-- <div class="slds-truncate" title={lead.Title}>{lead.Title}</div> -->
				<lightning-input type="text"  variant="label-hidden" name={lead.Id} label="Title" value={lead.Title}  onblur={handleBlur}></lightning-input>
			</td>
			<td >
				<!-- <div class="slds-truncate" title={lead.Phone}>{lead.Phone}</div> -->
				<lightning-input type="text"  variant="label-hidden" name={lead.Id} label="Phone" value={lead.Phone}  onblur={handleBlur}></lightning-input>
			</td>
			
		</tr>
        </template>
	</tbody>
</table>
   </lightning-card>
</template>
=========================================================


public class fetchLead {
@AuraEnabled(cacheable=true)
public static list<lead> getLeads(){
return [SELECT Id,Name,Title,Phone FROM Lead limit 5];
}

@AuraEnabled(cacheable=true)
    public static List<Contact> getContacts() {
        List<Contact> contacts = [
            SELECT Id, Name
            FROM Contact     
            //WHERE LastName Like 'Apex%'
            Limit 3            
        ];        
        System.debug('contacts = ' + contacts);
        return contacts;    
    }   
}