feat(data-table): adding a column lock configuration to data table

[Vignesh-Manogar-E3433]

Feature in this PR:

Added lock column configuration.

<fw-data-table id="datatable-1" label="Data table 1" show-settings="true">
</fw-data-table>
<script type="application/javascript">
  var datatable1 = document.getElementById('datatable-1');
  datatable1.columns = [{
      "key": "name",
      "text": "Name",
      "lock": true
    }];
  datatable1.rows = [{
      "id": "0001",
      "name": "Alexander Goodman"
    }];
</script>

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.
• My commits have standard messages as mentioned in Contributing Guidelines

How Has This Been Tested?

Tested with Chrome browser.