JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/r/dt/jq-2.1.4,dt-1.10.9,cr-1.2.0,fc-3.1.0,fh-3.0.0,r-1.0.7,rr-1.0.0,sc-1.3.0/datatables.min.css">
<script src="https://cdn.datatables.net/r/dt/jq-2.1.4,dt-1.10.9,cr-1.2.0,fc-3.1.0,fh-3.0.0,r-1.0.7,rr-1.0.0,sc-1.3.0/datatables.min.js"></script>

<table id="select-table" class="small table table-striped table-bordered display compact" width="100%">
    <thead>
    <tr id="select-table-head"></tr>
    </thead>

    <tbody id="select-table-data">
    </tbody>

</table>

CSS

.small {
    font-size: 12px;
    /*text-align:center;*/
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    /*padding: 3px;*/
}

#select-table tbody > tr > td, #fix-table tbody > tr > td {
    white-space: nowrap;
}

.fixRowBtn {
    background: url(http://abload.de/img/anchor_icongds7b.gif);
    background-size: 100% 100%;
    border:none;
}

JavaScript

var data = [{"comment": "simple test translation system with uniform and direct scoring nce tnn", "sets|tst2010|ter": 60.0, "date": "15-04-24 15:55:10", "sets|dev2012|bleu": 15.4, "sets|dev2012|meteor": 21.4, "user": "  demo", "sets|dev2010|meteor": 27.2, "sets|dev2012|length": 101.3, "sets|dev2010|ter": 56.9, "id": "  demo._u_demo_experiments_de-en.2015-01-21_config.wclm.py.simple test wclm with uniform_scoring nce tnn.gz", "sets|dev2010|length": 100.4, "sets|dev2012|ter": 72.2, "name": "simple test wclm with uniform_scoring nce tnn", "config_path": "/home/demo/experiments/de-en.2015-01-21/config.wclm.py", "sets|tst2010|length": 100.0, "sets|tst2010|meteor": 25.3, "sets|dev2010|bleu": 23.0, "sets|tst2010|bleu": 21.0}, {"comment": "simple test translation system with unigram nce tnn", "sets|tst2010|ter": 59.0, "date": "15-04-24 12:34:07", "sets|dev2012|bleu": 15.6, "sets|dev2012|meteor": 21.5, "user": " demo", "sets|dev2010|meteor": 27.5, "sets|dev2012|length": 100.8, "sets|dev2010|ter": 55.9, "id": " demo._u_demo_experiments_de-en.2015-01-21_config.wclm.py.simple test wclm with unigram nce tnn.gz", "sets|dev2010|length": 100.1, "sets|dev2012|ter": 71.5, "name": "simple test wclm with unigram nce tnn", "config_path": "/home/demo/experiments/de-en.2015-01-21/config.wclm.py", "sets|tst2010|length": 99.5, "sets|tst2010|meteor": 25.5, "sets|dev2010|bleu": 23.5, "sets|tst2010|bleu": 21.4}, {"comment": "simple test translation system with unigram and negative scoring nce tnn without classes", "sets|tst2010|ter": 58.9, "date": "15-05-11 21:41:04", "sets|dev2012|bleu": 15.9, "sets|dev2012|meteor": 21.7, "user": "demo", "sets|dev2010|meteor": 27.6, "sets|dev2012|length": 100.9, "sets|dev2010|ter": 55.7, "id": "demo._home_demo_experiments_de-en.2015-01-21_config.wclm.py.simple test wclm with unigram_negscoring nce tnn without classes.gz", "sets|dev2010|length": 100.0, "sets|dev2012|ter": 71.3, "name": "simple test wclm with unigram_negscoring nce tnn without classes",...