LWC DataTable

singleSelectDatatable.html

<template>
    <template if:true={contact}>
    <lightning-datatable key-field="Id"
        data={contact}
        columns={columns}>
    </lightning-datatable>
    </template>
</template>

singleSelectDatatable.js

  import { LightningElement, wire } from 'lwc';
import getContactList from '@salesforce/apex/ContactController.getContactList';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';

const columns = [
    { label: 'First Name', fieldName: 'FirstName' },
    { label: 'Last Name', fieldName: 'LastName' },
    { label: 'Title', fieldName: 'Title' },
    { label: 'Phone', fieldName: 'Phone', type: 'phone' },
    { label: 'Email', fieldName: 'Email', type: 'email' }
];
export default class SingleSelectDatatable extends LightningElement {
    error;  
    columns = columns;
    contact=[];
    connectedCallback()
    {
        getContactList()
        .then((result,error) => {
            if (result) {
               this.contact=result;
            } else if (error) {
                console.error(error);
            }
        })
    }
}

singleSelectDatatable.js-meta.xml

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>49.0</apiVersion>
    <isExposed>true</isExposed>
    <targets>
        <target>lightningCommunity__Page</target>
        <target>lightningCommunity__Default</target>
        <target>lightning__RecordPage</target>
        <target>lightning__AppPage</target>
        <target>lightning__HomePage</target>
        <target>lightning__Tab</target>
    </targets>    
</LightningComponentBundle>