Prime Community Forum

Posted: **17 Feb 2020, 17:19**

Hi,

How can i add style "Borderless" like Roma Theme in my datatable?

Posted: **28 Feb 2020, 12:32**

Hi,

Please try;

<p:dataTable styleClass="ui-datatable-borderless" ...>

Code: Select all

/* CSS code of  .ui-datatable-borderless class */
body .ui-datatable.ui-datatable-borderless .ui-paginator-top {
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #d8d8dc;
}
body .ui-datatable.ui-datatable-borderless .ui-paginator-bottom {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #d8d8dc;
}
body .ui-datatable.ui-datatable-borderless .ui-datatable-header {
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
}
body .ui-datatable.ui-datatable-borderless .ui-datatable-footer {
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
}
body .ui-datatable.ui-datatable-borderless thead > tr,
body .ui-datatable.ui-datatable-borderless thead tr th,
body .ui-datatable.ui-datatable-borderless .ui-datatable-data > tr,
body .ui-datatable.ui-datatable-borderless .ui-datatable-data,
body .ui-datatable.ui-datatable-borderless .ui-datatable-data tr td {
    border: 0 none;
}

Best Regards,

Posted: **02 Mar 2020, 16:50**

Hi,

Thank you my friend! It worked well!

Posted: **05 Mar 2020, 13:19**

Hi,

Glad to hear, thanks a lot for the update!

Best Regards,

Prime Community Forum

DataTable with Borderless

DataTable with Borderless

Re: DataTable with Borderless

Re: DataTable with Borderless

Re: DataTable with Borderless