JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables.net/2.0.2/dataTables.min.js"></script>
<table id="example" class="display" style="width:100%">
  <thead>
    <tr>
      <th>Name</th>
      <th>Hidden by column-defs</th>
      <th data-visible="false">Hidden by attribute</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Tiger Nixon</td>
      <td>Hidden value</td>
      <td>Hidden value data-visible</td>
    </tr>
  </tbody>
</table>

JavaScript

$("#example").DataTable({
  columnDefs: [{targets: [1], visible: false}]
})