JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="table-responive">
    <table class="table table-striped table-bordered">
    <thead>
        <th>#</th>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
        <th>Header 4</th>
        <th>Header 5</th>
        <th>Header 6</th>
        <th>Header 7</th>
    </thead>
    <tbody>
        <tr>
            <th>1</th>
            <th>Some long text to make this overflow</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
        </tr>
        <tr>
            <th>1</th>
            <th>Actually_enough_text_to_overflow_Actually_enough_text_to_overflow_Actually_enough_text_to_overflow_Actually_enough_text_to_overflow_Actually_enough_text_to_overflow_</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
        </tr>
        <tr>
            <th>1</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
        </tr>
        <tr>
            <th>1</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
        </tr>
        <tr>
            <th>1</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
        </tr>
        <tr>
            <th>1</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
            <th>Cell</th>
       ...

CSS

body,html{
    height:100%;
}

.table-responive{
    width:100%;
    height:100%;
    overflow:auto;
}