Bueno, deshabilité todos los temas de PrimeFaces:
primefaces.THEME none
Lo hago porque estoy usando bootstrap 3 y no quiero conflictos en jquery-ui y en el diseño bootstrap. El problema es que la tabla de datos PrimeFaces sin “temas” se convierte en una tabla blanca con bordes negros, si uso el border-style:none
, el borde desaparece pero el borde de estilo de inicialización también desaparece.
Mire, lo intenté:
..
Mira mi CSS:
.ui-datatable thead th, .ui-datatable tbody, .ui-datatable tbody tr, .ui-datatable tbody td { border-style: none !important; }
Mira mi cuadro de datos :

Casi todos los demás componentes fallarán, se verán y se sentirán bien. Desde bootstrap 3 cambió a un tamaño de caja diferente (border-box en lugar de content-box). Así que muchas y muchas cosas pequeñas de la interfaz de usuario fallarán en los componentes PF, como que los íconos de las listas de selección están posicionados incorrectamente, etc. Es muy difícil arreglar todo esto en mi opinión.
Si quiere usar bootstrap para las cosas de diseño receptivo, PF algo similar a, llamado grid css y más está llegando
- Evitar que las barras de desplazamiento se oculten para usuarios de trackpad de MacOS en WebKit / Blink
- ¿Qué propiedades de CSS se heredan?
- Propósito del asterisco antes de una propiedad de CSS
- ¿Hay algún “suavizado de fuente” en Google Chrome?
- Bootstrap 3 problemas de diseño de red fluida?
- ¿Cómo reiniciar / eliminar el resaltado de entrada / borde de enfoque de Chrome?
- Texto anti-aliasing de Wonky al rotar con webkit-transform en Chrome
- ¿Buenas reglas para configurar el css de impresión?
- Esquinas redondeadas CSS en IE8
- ¿Por qué los navegadores crean prefijos de proveedor para las propiedades de CSS?
- posición: absoluta sin establecer arriba / izquierda / abajo / derecha?