Material Design Lite Table full Width

<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script>
</head>
<body>
<div class="mdl-grid">
<style>
.full-width-table{
width:100%;
}
</style>
<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable full-width-table mdl-shadow--2dp">
  <thead>
    <tr>
      <th class="mdl-data-table__cell--non-numeric">Name</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="mdl-data-table__cell--non-numeric">John Dee</td>
      <td>USA</td>
    </tr>
    <tr>
      <td class="mdl-data-table__cell--non-numeric">Kelly</td>
      <td>UK</td>
    </tr>
    <tr>
      <td class="mdl-data-table__cell--non-numeric">Janvi</td>
      <td>IN</td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>