Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>
    table {
      counter-reset: myTableCounter; 
    }
    
    thead th:first-child:before {
       display: table-cell;
      content: "";
    }
    tbody td:first-child:before {
      display: table-cell;
      counter-increment: myTableCounter;
      content: counter(myTableCounter);
    }
  </style>
</head>
<body>
  <table>
    <thead>
      <tr>
        <th scope="col">One
        <th scope="col">Two
        <th scope="col">Three
      </tr>
    </thead>
    <tbody>
      <tr><td>a<td>b<td>c
      <tr><td>a<td>b<td>c
      <tr><td>a<td>b<td>c
    </tbody>
  </table>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers