[FREE] TableViewer - fully style customized to show table data

[TIMAI2]

Simple example of how you can generate a card view style listing using Tableviewer

BLOCKS

CSS Stylesheet

table {
    border-collapse: separate;
    border-spacing: 0 15px;
    width: 100%;
    border: none;
}

table td,
th {
    padding: 20px;
    border: none;
    text-align: left;
}

table tr {
    background-color: #eaeefa;
}

table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #d9dff3;
}

td:first-child,
th:first-child {
    border-radius: 10px 0 0 10px;
}

td:last-child,
th:last-child {
    border-radius: 0 10px 10px 0;
}

SCREEN