Hi,
How can i add style "Borderless" like Roma Theme in my datatable?
DataTable with Borderless
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Please try;
Best Regards,
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;
}
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Glad to hear, thanks a lot for the update!
Best Regards,
Glad to hear, thanks a lot for the update!
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 3 guests