/* important styles */

.container {
   /* Attach fixed-table to this container, in order to layout fixed-table in the same way as scrolled-table" */
   position: relative;

   /* Truncate fixed-table */
   overflow: hidden;
}

.fixed-table-wrapper td,
.fixed-table-wrapper .fixed-header,
.scrolled-table-wrapper td,
.scrolled-table-wrapper .fixed-header {
   /* Set background to non-transparent color because two tables are one above another. */
   background: white;
}
.fixed-table-wrapper {
   /* Make table out of flow */
   position: absolute;
}
.fixed-table-wrapper .fixed-header {
    /* Place fixed-table cells above scrolled-table cells. */
    position: relative;
    z-index: 1;
}
.scrolled-table-wrapper td {
    /* Place scrolled-table cells above fixed-table. */
    position: relative;
}
.scrolled-table-wrapper {
   /* Make horizonal scrollbar if needed */
   overflow-x: auto;
}


/* Simulating border-collapse: collapse, because fixed-table borders are below ".scrolling-wrapper table" borders */

table {
    border-spacing: 0;
}

.fixed-header:first-child {
   border-left-width: 1px;
}
tr:last-child td,
tr:last-child .fixed-header {
   border-bottom-width: 1px;
}

/* Unimportant styles */

.container {
    //width: 250px;
}
td, .fixed-header {
   padding: 5px;
}