fixedHeader still scrolling

Setting fixedHeader: true seems to have no effect.

by asfarley

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>title</title>
  <link rel="stylesheet" href="https://files.onlosant.com/5e3895901a5ddc2eede0ca33/notification-files/style.css" type="text/css">
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://files.onlosant.com/5e3895901a5ddc2eede0ca33/notification-files/bootstrap-datetimepicker.min.css">  
    
  </head>
  <body>
  
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container d-flex justify-content-between">
    </div>
  </div>
    
<div class="container">
  
	<div class="row folder-tabs">
		<div class="col-sm-3 tab">
      <a class="tab-text" href="../notifications">NOTIFICATIONS</a>
		</div>
    <div class="col-sm-3 tab">
      <a class="tab-text" href="/notifications/devices">DEVICES</a>
    </div>
    <div class="col-sm-3 tab-selected">
      <a class="selected-tab-text" href="contacts">CONTACTS</a>
    </div>
    <div class="col-sm-3 tab">
      <a class="tab-text" href="logs">LOGS</a>
    </div>
	</div>

	  <div class="row folder-body">
	  	<div class="col-sm-12">
	  		<div class="row top-buffer">
	  			<div class="col-sm-1"></div>
	  			<div class="col-sm-3">
	  				<div class="input-group mb-3">
		            <div class="input-group-prepend">
		              <span class="input-group-text" id="basic-addon1"><i class="material-icons">search</i></span>
		            </div>
		            <input type="text" class="form-control" placeholder="Name" name="namesearchbox"  id="namesearchbox" aria-label="Name" aria-describedby="basic-addon1"...

CSS

body {
	font-family: 'Montserrat', sans-serif !important;
}

.folder-tabs {
	margin-top:2em;
	margin-bottom:0;
}

.folder-body {
	background-color: #d5d8de;
	margin-top:0;
	height:40em;
}

.tab {
	text-align: center;
	background-image: url("tab.svg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-weight:600;
}

.tab-selected {
	text-align: center;
	background-image: url("tab-selected.svg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-weight:600;	
}

.tab-text {
	color:white !important;
}

.selected-tab-text {
	color:#212529 !important;
}

.top-buffer {
	margin-top:2em;
}

#grouplistbox{
	max-height:20em;
	overflow:scroll;
	max-width: 100%;
    overflow-x: hidden;
	margin-bottom:2em;
	margin-left:4em;
}

#contacts-table{
	max-height:20em;
    overflow-x: hidden;
	margin-bottom:2em;
	display:block;
}

#logs-table{
	max-height:20em;
    overflow-x: hidden;
	margin-bottom:2em;
	display:block;
}

#deviceList {
	max-height:25em;
	overflow-y:scroll;
}

#notificationlistbox{
	max-height:20em;
	overflow:scroll;
	max-width: 100%;
    overflow-x: hidden;
}

.btn-primary {
	background-color:#F16725 !important;
	border-color:#F16725 !important;
}

.logdiv {
	overflow-x: hidden;
	max-height:40em;
}