DataTable with Borderless

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
marcelocaser
Posts: 122
Joined: 13 Dec 2011, 15:07

17 Feb 2020, 17:19

Hi,

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

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

28 Feb 2020, 12:32

Hi,

Please try;

Code: Select all

<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,

marcelocaser
Posts: 122
Joined: 13 Dec 2011, 15:07

02 Mar 2020, 16:50

Hi,

Thank you my friend! It worked well! :)

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

05 Mar 2020, 13:19

Hi,

Glad to hear, thanks a lot for the update!

Best Regards,

Post Reply

Return to “Avalon - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests