Resizable columns

[Anderson Florencio]

Is it possible make the columns of the DataTable widget resizable?

[Pascal Martinez]

Hello,

Sorry but the table's columns can't be resized on demand by the user with the PrimeUI datatable widget integrated in ZnetDK.

The last version of the PrimeUI Datatatable widget also does not supports the resizing of its columns.

Otherwise, you can style your columns in CSS to make them adapt according to the browser window size, like shown in the ZnetDK CRUD Demo.

Regards,

Pascal MARTINEZ

www.znetk.fr

[Anderson Florencio]

Ok, since resize the columns of a Datatable is not allowed, then is it possible to put a Title for each field of the line so it can be shown the entire contents of the cell?

[Jose Puertas]

Hola Anderson, creo que para lo que dices se puede hacer de la siguiente forma:

en el div que tiene la clase .. class="zdk-datatable" 

     

     data-zdk-columns='[{"field":"nombre del campo", "headerText": "encabezado de columna"}]

A ver si te sirve .

Saludos

[Anderson Florencio]

Hello Jose Puertas , the headerText only serves to put a title in the column, what I need is when you mouse over the cell , display all the contents of the cell , as if the attribute title in any componentcomponent in HTML

[Pascal Martinez]

Hello Anderson,

Adding a 'title' attribute to the Html <td /> element could be a workaround only for a subset of datatable columns (the largest ones).

It's technically possible, I will see if I can add this feature in a future version of ZnetDK.

I let you know through this post when it's done.

See you,

Pascal MARTINEZ

www.znetdk.fr

[Pascal Martinez]

Hello Anderson,

Since the version 1.3 of ZnetDK released this week, you can define a datatable's column with the property tooltip to true and so display in a tooltip the text it contains.

For example,

<div id="demo-crud-table" class="zdk-datatable zdk-synchronize" title="products" data-zdk-action="democrudctrl:data"
     data-zdk-paginator="10" data-zdk-columns='[
     {"field":"name", "headerText": "Product name", "sortable":true},
     {"field":"part_number", "headerText": "Part number", "sortable":true},
     {"field":"description", "headerText": "Description", "sortable":true, "tooltip":true},
     {"field":"price_money", "headerText": "Price", "sortable":true}]'>
</div>

Regards,

Pascal MARTINEZ

www.znetdk.fr

[Anderson Florencio]

Hello Pascal, version 1.3 was very good, already migrated so left, lol, thank you!

[Pascal Martinez]

Thank you for your feedback ;-)