L’utilizzo di PrimeFaces con Bootstrap causa modifiche nel riempimento / ridimensionamento / bordi

Bene, ho disabilitato tutti i temi da PrimeFaces:

 primefaces.THEME none  

Lo faccio perché sto usando bootstrap 3 e non voglio alcun conflitto nel layout jquery-ui e bootstrap. Il problema è che PrimeFaces datatable senza “temi” diventa una tabella bianca con bordi neri, se uso lo border-style:none , il bordo scompare, ma anche il bordo dello stile bootstrap scompare.

Guarda ho provato:

 

..

Guarda il mio CSS:

 .ui-datatable thead th, .ui-datatable tbody, .ui-datatable tbody tr, .ui-datatable tbody td { border-style: none !important; } 

Guarda la mia immagine datatable :

inserisci la descrizione dell'immagine qui

Quasi tutti gli altri componenti non funzioneranno, sembreranno saggi. Da quando bootstrap 3 è passato a un diverso dimensionamento della casella (border-box invece di content-box). Quindi un sacco di piccole cose ui falliranno nei componenti PF, come le icone nelle liste di selezione posizionate in modo errato, ecc … È molto difficile correggere tutto ciò a mio parere.

Se vuoi usare bootstrap per le cose di layout reattivo, PF qualcosa di simile a, chiamato il grid css e altro è in arrivo