Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
I have disabled the striping but I also need to disable the grid lines in the grid component?
The code I have used for this:
<grid fixedLayout="true" oddRowSclass="none">
<columns menupopup="auto" visible="false">
<column label="Author" width="5%" align="center" />
<column label="Title" width="5%" />
<column label="Publisher" width="20%" />
<column label="Hardcover" width="70%" />
</columns>
<rows>
<row>
<label value="Philip Hensher" />
<label value="The Northern Clemency" />
<label value="Knopf (October 30, 2008)" />
<label value="608 pages" />
</row>
</rows>
</grid>
Can we able to disable the grid lines in the grid?
Thanks.
I have used the following style to disable the grid lines in grid component:
<style>tr.z-row td.z-row-inner { border: none; }</style>
Hi deved,
<grid oddRowSclass="none"> is used to set the stiping off. That is, as default grid has odd number rows in different colour than even number rows. To set this off, we need to use the code given by you.
But, to disable the grid-lines in the grid, we need to specify the style as mentioned above in my previous post.
Thanks.
Hi,
Using zclass solves it.
<grid fixedLayout="true" zclass="none"> <columns menupopup="auto" visible="false"> <column label="Author" width="5%" align="center" /> <column label="Title" width="5%" /> <column label="Publisher" width="20%" /> <column label="Hardcover" width="70%" /> </columns> <rows> <row zclass="none"> <label value="Philip Hensher" /> <label value="The Northern Clemency" /> <label value="Knopf (October 30, 2008)" /> <label value="608 pages" /> </row> </rows> </grid>
/Jumper
zclass="none" is useful only when there is only one row of fields as in our example, if there are multiple rows, then there is no space between two subsequent rows.
In those case, <style>tr.z-row td.z-row-inner { border: none; }</style> is used to set the border (ie., grid lines as none), but grid's row separation is there.
Thanks jumperchen :)
Asked: 2009-07-30 07:04:33 +0800
Seen: 458 times
Last updated: Jul 31 '09
