JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">
<div class="container">
    <div class="row col-md-8">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th class="first">Column A</th>
                    <th class="second">Column B</th>
                </tr>
            </thead>
            <tbody>
            <tr>
                <td>row name here</td>
                <td>sed auctor diam sollicitudin ut. Donec et sodales quam, eu vehicula urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer eget</td>
            </tr>
            <tr>
                <td>another row name here</td>
                <td>sed auctor diam sollicitudin ut. Donec et sodales quam, eu vehicula urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer egetsdsdfsdf fsdfsdf</td>></tr>
            </tbody>
        </table>
    </div>
</div>

CSS

table {
    table-layout: fixed;
}

th.first {
    width: 30%;
}
th.second {
    width: 70%;
}