JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
   <head>

      <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

      <link rel="stylesheet" href="https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css"/>

      <link rel="stylesheet" href="https://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css"/>

      <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

      <script src="https://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.js"></script>

      <script type="text/javascript" src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>

      <script type="text/javascript" src="https://cdn.datatables.net/fixedheader/2.1.2/js/dataTables.fixedHeader.min.js"></script>

      <meta charset="utf-8">
      <title>JS Bin</title>
   </head>
   <body>

      <div class="navbar navbar-inverse navbar-fixed-top">
         <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="admin">
               Company name
            </a>
         </div>
         <div class="navbar-collapse collapse">
            <ul class='nav navbar-nav'>
               <li class=' dropdown'>
                  <a href='#' class='dropdown-toggle' data-toggle='dropdown'>
                     </span> Lista<b class='caret'></b>
                  </a>
                  <ul class='dropdown-menu'>
                     <li>
                        <a href='#'>Item 1</a>
                     </li>
                     <li>
                        <a href='#'>Item 2</a>
                  ...

CSS

body {
            padding-top: 70px;
         }
         div.FixedHeader_Cloned th,
         div.FixedHeader_Cloned td {
            background-color: white !important;
         }

JavaScript

var oTable = $('#example').dataTable({
            "paging": false,
            "info": false

         });

         new $.fn.dataTable.FixedHeader(oTable, {
            "offsetTop": 50
         });