stf-datatable/data-table/table.component.css

An Angular 4 dataTable, easily to implement and to costumize. You only need a JSON object and set what properties of your JSON you want to show

.table, .table thead tr th {
    text-align: center;
}
   
.table thead tr th {    
    color: #070707;
    opacity: 1;
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.table tbody tr td {
    padding: .5rem .75rem;
    vertical-align: middle !important;
}

.sortable-icon {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 1.0em;
}
.column-icon {
    float: left;
    font-size: 1.0em;
}

.sortable-icon:hover {
    cursor: pointer;
}

table, th, td {
    border-bottom: solid white 1px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F5F5F5;
}

.table-hover tbody tr:hover,
.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: rgba(0, 0, 0, .075);
}