JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<table class="table table-condensed tablesorter" id="results">
    <thead class="floating-header">
        <tr>
            <th>NomNomNomNomNomNomNomNom</th>
            <th>Âge</th>
            <th>Pays</th>
            <th>...</th>
            <th>...</th>
            <th>...</th>
            <th>...</th>
            <th>Nom</th>
            <th>Âge</th>
            <th>Pays</th>
            <th>...</th>
            <th>...</th>
            <th>...</th>
            <th>...</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Carmen</td>
            <td>33 ans</td>
            <td>Espagne</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>Carmen</td>
            <td>33 ans</td>
            <td>Espagne</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
        </tr>
        <tr>
            <td>Michelle</td>
            <td>26 ans</td>
            <td>États-Unis</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>Michelle</td>
            <td>26 ans</td>
            <td>États-Unis</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
        </tr>
        <tr>
            <td>Michelle</td>
            <td>26 ans</td>
            <td>États-Unis</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
            <td>Michelle</td>
            <td>26 ans</td>
            <td>États-Unis</td>
            <td>...</td>
            <td>...</td>
            <td>...</td>
    ...

CSS

#results {
    table-layout: fixed; 
}

#results th {
    word-break: break-all;
    
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

JavaScript

jQuery(function($){
    $('#results thead').affix({
        offset: {
            top: 10
        }
    });
    
    // Changement de la couleur de fond de l'entête du tableau au scroll
    $(window).scroll(function () {
        if ($(this).scrollTop() > 90) {
            $('#results thead').css('background-color', '#EFEFEF');
        }
    });
    
    $(".floating-header th").each(function () {
        $(this).width($(this).width());
    });
})