Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Seb on Jun 15, 2007 11:07
open dhtmlx forum
Can't properly display a grid

Hi

When I try to generate a grid using a XML file, all rows seems to be shifted...

Here is the result
http://www.atlt.com/shift.png


My XML
<rows>

    <head>
<column width="10" type="ro" align="center" sort="str">Type</column>
<column width="12" type="ro" align="center" sort="str">Société</column>
<column width="10" type="ro" align="center" sort="str">Contact</column>
<column width="10" type="ro" align="center" sort="str">Date</column>
<column width="10" type="ro" align="center" sort="str">Statut</column>
<column width="10" type="ro" align="center" sort="str">Référence</column>
<column width="10" type="ro" align="center" sort="int">OA</column>
<column width="10" type="price" align="center" sort="str">Total HT</column>
<column width="5" type="ch" align="center" sort="str">Valide</column>

<settings>
<colwidth>%</colwidth>
</settings>
</head>

<row id="1">
<cell>Modification</cell>
<cell>test</cell>
<cell>test test</cell>
<cell>30/10/73</cell>
<cell>Facturée</cell>
<cell>198</cell>
<cell>010203</cell>
<cell>10000</cell>
<cell>0</cell>
</row>

<row id="2">
<cell>Modification</cell>
<cell>tdr</cell>
<cell>sdf</cell>
<cell>05/03/70</cell>
<cell>Facturée</cell>
<cell>199</cell>
<cell>1124</cell>
<cell>10000</cell>
<cell>1</cell>
</row>
</rows>
Answer posted on Jun 15, 2007 17:43
Unfortunately , problem can't be reconstructed locally - you sample works fine for me.

The similar problem can occurs in case of some modifications in default css styles, grid has separate settings for header and content cell, adding padding to first and ignoring second - can produce similar problem.
Are you implement any modification in default css ?

If not, which JS initializating code do you used?


Attachments (1)
sample.png3.68 Kb
Answer posted by Alexandra (Support) on Dec 04, 2014 20:29

If you haven't found the needed information there and still looking for a solution, you will find the additional help checking dhtml calendar date picker and slide javascript.