<style>
.table_component {
    overflow: auto;
    width: 100%;
}

.table_component table {
    border: 1px solid #000000;
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: left;
}

.table_component caption {
    caption-side: top;
    text-align: left;
}

.table_component td {
    border: 1px solid #000000;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
}
.table_component_gr_h td {
    border: 1px solid #000000;
    background-color: #dddddd;
    color: #000000;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bolder;
}
.table_component_gr td {
    border: 1px solid #000000;
    background-color: #dddddd;
    color: #000000;
    padding: 5px;
}
.table_component_wh td {
    border: 1px solid #000000;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
}
.table_component_gr_b td {
    border: 1px solid #000000;
    background-color: #dddddd;
    color: #000000;
    padding: 5px;
    font-weight: bold;
}
.table_component_wh_b td {
    border: 1px solid #000000;
    background-color: #ffffff;
    color: #000000;
    padding: 5px;
    font-weight: bold;
}
</style>