<div class="container-fluid">
      <div class="Scroll">
        <div class="Down">
          <div class="form-group">
            <input type="text" class="form-control input-lg" placeholder="Search">
          </div>
          <div class="form-group" style="display:inline-block;width:300px;">
            <h4><small>Select Date From <span class="glyphicon glyphicon-calendar"></span></small></h4>
            <input type="date" class="form-control" style="width:250px;" class="form-control" />
            <h4><small>Select Date To <span class="glyphicon glyphicon-calendar"></span></small> </h4>
            <input type="date" class="form-control" style="width:250px;" class="form-control" />
          </div>
        </div>
      </div>
    </div>
    <div class="Down">
      <table>
        <thead>
          <tr>
            <th>NAME</th>
            <th>DATE</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="name in names">
            <td>{{name.name}}</td>
            <td>{{name.date}}</td>
          </tr>
        </tbody>
      </table>
    </div>

.Scroll {
  position: fixed;
}
.Down {
  clear: both;
}