I tried to make the first column of my data table fixed and I could do it, the first column is static when I use the scroll, the problem is that the header look transparent, so when I scroll to the right I can see the content of the td elements below the first column, although it's working fine for the body of the table.

For example: Hotel is the first column and Total Pasajeros is the second column, when I scroll to the right I'm able to see Total Pasajeros below Hotel, and so on...

[![enter image description here](https://i.stack.imgur.com/pV6Sd.png)](https://i.stack.imgur.com/pV6Sd.png)

This is the code I've used, what can I do to fix it?

```
  <script type="text/javascript">
      $(function() {
        $('#hoteles').DataTable({
            scrollY: "450px",
            scrollX: true,
            paging: false,
            fixedColumns: {
                leftColumns: 1
            }
        });
      });
  </script>

```