Create a 'DataTable' in Lightning Web Component (LWC)

We are going to create a 'Lightning DataTable' in lightning web component. Where we will display from custom Object(scoreCard__c) record data using 'Lightning:dataTable' web component.

scoreCardController.cls [Apex Controller]
myScoreCardDataTable.html [Lightning Web Component]
myScoreCardDataTable.js [JavaScript File]

  
  
import { LightningElement, track, wire } from 'lwc';
//Import the method from the apex class
import fetchScoreCard from '@salesforce/apex/scoreCardController.scoreCardMethod'


const tableColumn =[    
    {
     label:'Name',
     fieldName:'Name'
    },
    {
       label:'Annual',
       fieldName:'Annual__c'
      },
      {
       label:'Designations',
       fieldName:'designations__c'
      },
      {
       label:'EmployeeCode',
       fieldName:'employeeCode__c'
      },
      {
       label:'February',
       fieldName:'February__c'
      },
      {
       label:'January',
       fieldName:'January__c'
      },
      {
       label:'March',
       fieldName:'March__c'
      },
      {
       label:'Q4',
       fieldName:'Q4__c'
      },
      {
       label:'TargetVSActuals',
       fieldName:'targetVSActuals__c'
      }
      
];

export default class MyScoreCard extends LightningElement {
//Declaring the columns in the datatable
 @track column = tableColumn; 
 @wire (fetchScoreCard) scoreRecoredItem;

}

myScoreCardDataTable.js-meta.xml [MetaData File]

To know more live demo in LWC, Use this link..