table {
  counter-reset: row-counter;
  border-collapse: collapse;
  width: 50%;
  margin: 20px auto;
}

th,
td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f4f4f4;
}

tbody tr {
  counter-increment: row-counter;
}

tr td:first-child::before {
  content: counter(row-counter);
  margin-right: 10px;
  font-weight: bold;
}

<table>
  <thead>
    <tr>
      <th>No.</th>
      <th>ITEM</th>
      <th>PRICE</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td>Banana</td>
      <td>$2</td>
    </tr>
    <tr>
      <td></td>
      <td>Orange</td>
      <td>$1</td>
    </tr>
  </tbody>
</table>