DataGrid: Div x Table (Diference)

[ricardoff5]

Hello guys,

I am implementing the concept of fluid responsiveness in my software, but I found a divergence of behavior that has Datagrid in primeface showcase for the rendered from the library.

At the showcase, he has rendered as DIV:

Code: Select all

<div id = "form: cars_content" class = "ui-datagrid-content ui-widget-content ui-grid ui-grid-responsive"> 
<div class = "ui-grid-row"> 
<"ui-grid-col-4 ui-datagrid-column" div class => 

therefore it allows me to control the width and float attributes for media-queries in my css.

however, when low 5.1 library for my project and copy the component, it renders as table:

Code: Select all

<table class = "ui-datagrid-data"> 
<tbody> 
<tr class = "ui-datagrid-row"> 
<td class = "ui-datagrid-column"> 

I would like to do to use the real version of the showcase or how to solve this.

[cagatay.civici]

Do you have layout="grid" set on dataGrid? Default value of layout attribute is "tabular".

[ricardoff5]

Yes I tried but it appeared an error saying that the layout attribute is not defined for the DataGrid component.



Sim eu tentei mas apareceu um erro, dizendo que o atributo layout não está definido para o componente Datagrid.