<div class="grid_test_container">
  <div class="item1">
    1
  </div>
  <div class="item2">
    2
  </div>
  <div class="item3">
    3
  </div>
  <div class="item4">
    4
  </div>
  <div>TEST</div>
  <div>TEST</div>
  <div>TEST</div>
  <div class="grid_test">
    GRID TEST
  </div>
</div>
<div class="flex_in_grid_container">
  <div class="flex_in_grid">
    <table id="test_table" class="data-table-striped">
      <thead>
        <th>head 1</th>
        <th>head 2</th>
        <th>head 3</th>
        <th>head 4</th>
        <th>head 5</th>
        <th>head 6</th>
        <th>head 7</th>
        <th>head 8</th>
      </thead>
      <tbody>
        <tr>
          <td>table data 1</td>
          <td>table data 2</td>
          <td>table data 3</td>
          <td>table data 4</td>
          <td>table data 5</td>
          <td>table data 6</td>
          <td>table data 7</td>
          <td>table data 8</td>
        </tr>
        <tr>
          <td>table data 1</td>
          <td>table data 2</td>
          <td>table data 3</td>
          <td>table data 4</td>
          <td>table data 5</td>
          <td>table data 6</td>
          <td>table data 7</td>
          <td>table data 8</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>