responsive table code

aa css code head ni niche nakva no 

<style>

* {

  box-sizing: border-box;

}

#myInput {

  background-image: url('/css/searchicon.png');

  background-position: 10px 10px;

  background-repeat: no-repeat;

  width: 100%;

  font-size: 16px;

  padding: 12px 20px 12px 40px;

  border: 1px solid #ddd;

  margin-bottom: 12px;

}

#myTable {

  border-collapse: collapse;

  width: 100%;

  border: 1px solid #ddd;

  font-size: 18px;

  background-color: #15ff0038;

}

#myTable th, #myTable td {

  text-align: left;

  padding: 12px;

}

#myTable tr {

  border-bottom: 1px solid #ddd;

}

#myTable tr.header, #myTable tr:hover {

  background-color: #f1f1f1;

}

</style>

pachi aa tablecode blog ma nakhva no 

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">

<table id="myTable">

  <tr class="header">

    <th style="width:60%;">Name</th>

    <th style="width:40%;">Country</th>

  </tr>

  <tr>

    <td>Alfreds Futterkiste</td>

    <td>Germany</td>

  </tr>

  <tr>

    <td>Berglunds snabbkop</td>

    <td>Sweden</td>

  </tr>

  <tr>

    <td>Island Trading</td>

    <td>UK</td>

  </tr>

  <tr>

    <td>Koniglich Essen</td>

    <td>Germany</td>

  </tr>

  <tr>

    <td>Laughing Bacchus Winecellars</td>

    <td>Canada</td>

  </tr>

  <tr>

    <td>Magazzini Alimentari Riuniti</td>

    <td>Italy</td>

  </tr>

  <tr>

    <td>North/South</td>

    <td>UK</td>

  </tr>

  <tr>

    <td>Paris specialites</td>

    <td>France</td>

  </tr>

</table>

<script>

function myFunction() {

  var input, filter, table, tr, td, i, txtValue;

  input = document.getElementById("myInput");

  filter = input.value.toUpperCase();

  table = document.getElementById("myTable");

  tr = table.getElementsByTagName("tr");

  for (i = 0; i < tr.length; i++) {

    td = tr[i].getElementsByTagName("td")[0];

    if (td) {

      txtValue = td.textContent || td.innerText;

      if (txtValue.toUpperCase().indexOf(filter) > -1) {

        tr[i].style.display = "";

      } else {

        tr[i].style.display = "none";

      }

    }       

  }

}

</script>

Name	Country
Alfreds Futterkiste	Germany
Berglunds snabbkop	Sweden
Island Trading	UK
Koniglich Essen	Germany
Laughing Bacchus Winecellars	Canada
Magazzini Alimentari Riuniti	Italy
North/South	UK
Paris specialites	France