Styling differences between 1.1.4 & 2.0.1

[kimbered]

Hi,

When using priming 1.1.4 I had the following styling changes to remove the borders in the datatable cells.
All I wanted was a border around the entire table and lines between the rows.

These worked for 1.1.4 but are now totally ignored using 2.0.1. What should I be using instead?

Thanks.
Kim

Code: Select all

.ui-datatable table {
    border: 1px solid @primaryColor15;
    border-collapse: collapse;
}

.ui-datatable thead th,
.ui-datatable tbody td,
.ui-datatable tfoot td,
.ui-datatable tfoot th{
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px;
    border-color: @primaryColor15;
    border-collapse: collapse;
}

[kimbered]

Fixed it with the following:

Code: Select all

/* This reomove cell borders */
.ui-datatable .ui-datatable-thead > tr > th,
.ui-datatable .ui-datatable-tfoot > tr > td,
.ui-datatable .ui-datatable-data > tr > td {
    border-width: 0px;
    border-style: none;
}

/* puts border around paginator */
.ui-datatable .ui-paginator {
    border: 1px solid @primaryColor15;
}

/* .ui-datatable tbody: puts border around inner table */
.ui-datatable tbody {
    outline: 1px solid @primaryColor15;
}

/* .ui-datatable tbody tr: This puts line between rows */
.ui-datatable tbody tr {
    border: 1px solid @primaryColor15;
}