El uso de PrimeFaces con Bootstrap causa cambios en el relleno / tamaño / bordes

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 :

enter image description here

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