How to customize rows appearance ?

[KynaoParticipant]

Data in grid is just organized through horizontal and vertical lines.
How to customize this and so give each row its customized design ?

For example, a row would have a shape with no vertical separation line inside, rounded corners and separated from previous and next row by just space and so no special delimiter

[Peter StoevKeymaster]

Data in a Grid control is organized in Rows and Columns. It is possible to change a background color or a text color of a cell, but it is not possible to customize the shape of a row or its entire background, text color or borders. We’ll think about adding a feature that will allow users to hide vertical or horizontal border lines between the Grid cells for a future release.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[KynaoParticipant]

A feature that allow html customization will be great to have almost complete control on row appearance.
Actual grid appearance is the classic one, all widgets suite present it the same and it is ueful for classic use like business app.

That’s a pity to limit the appearance to such a point as grid capabilities would also be useful in other contexts where appearance is a criteria of choice for users and actually grids don’t have any “sex appeal”. Would you use the grids components we know if you were the developer of gameduel web site ? or bookmaker sites ? on betfair ? on web sites offering templates ? and the examples go on… that would look like out of context but paradoxically, they all use grid “features”.

[Peter StoevKeymaster]

Hi Kynao,

HTML customization is possible through the Grid’s custom cells rendering. However, you asked about a shape of a row and spacing between rows. If you need to hide borders of cells in your application, you can edit the CSS properties of the Grid. The borders and their colors are specified there. In my previous post, I meant that it would be also useful to have a feature like ‘cellsborders’ with values like – rows, columns and default. The rows setting will hide the columns borders, the columns setting will hide the rows borders and the default mode will look like now.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[KynaoParticipant]

Thanks, i understand.
Still one more example, different but interesting and useful : the possibility to display entries with some kind of thumbails http://www.engadget.com/2012/05/09/evernote-updates-mac-and-ios-apps

[Author]

Posts