JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="responsive-table">
<table class="table table-bordered table-striped table-condensed cf">
	<thead class="cf">
		<tr>
		 	<th></th>
			<th>
				Index
				<input type="checkbox" checked="checked">
			</th>
			<th>
				Editar
				<input type="checkbox">
			</th>
			<th>
				Criar
				<input type="checkbox" >
			</th>
			<th>
				Remover
				<input type="checkbox">
			</th>
			<th>
				Exportar
				<input type="checkbox">
			</th>
			<th>
				Ver e salvar logs
				<input type="checkbox">
			</th>
			<th>
				Enviar mensagem
				<input type="checkbox">
			</th>
			<th>
				Moderar
				<input type="checkbox">
			</th>
			<th>
				Visualizar histórico de downloads
				<input type="checkbox">
			</th>
			<th>
				Sim|Não
				<input type="checkbox">
			</th>
			<th>
				Gerenciar níveis
				<input type="checkbox">
			</th>
		</tr>
    </thead>
    <tbody>
    	<tr>
    		<td>Grupo1</td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox" checked="checked"></td>
    	</tr>
    	<tr>
    		<td>Grupo2</td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox" checked="checked"></td>
    		<td><input type="checkbox"></td>
    		<td><input type="checkbox"...

CSS

table thead th, table tbody td{
    text-align: center;
}

.responsive-table{
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}