<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin/global.css"
                 type="text/css"?>
<?xml-stylesheet href="374719-1-css.css"
                 type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
	onload="test2()">

  <script>
    function test2()
    {
      var r = document.getElementById('rbox');

      const XULNS =
        "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";

      var item = document.createElementNS(XULNS, "gridlikeitem");
      item.setAttribute("value", "aValue");

      var cell1 = document.createElementNS(XULNS, "gridlikecell");
      var label1 = document.createElementNS(XULNS, "label");
      label1.setAttribute("value", "aLabel1");
      label1.setAttribute("flex", "1");
      label1.setAttribute("crop", "end");
      cell1.appendChild(label1);
      item.appendChild(cell1);

      var cell2 = document.createElementNS(XULNS, "gridlikecell");
      var label2 = document.createElementNS(XULNS, "label");
      label2.setAttribute("value", "aLabel2");
      label2.setAttribute("flex", "1");
      label2.setAttribute("crop", "end");
      cell2.appendChild(label2);
      item.appendChild(cell2);

      var before = document.getElementById("inx");
      if (!before)
        r.appendChild(item);
      else
        r.insertBefore(item, before);
    }
  </script>

  <gridlikebox flex="1" id="rbox">
    <gridlikecols>
      <gridlikecol flex="1"/>
      <gridlikecol flex="1"/>
    </gridlikecols>

    <gridlikehead>
      <gridlikeheader label="Col1"/>
      <gridlikeheader label="Col2"/>
    </gridlikehead>

    <gridlikeitem value="hello1">
      <gridlikecell><label value="Hello"/></gridlikecell>
      <gridlikecell><label value="Hello"/></gridlikecell>
    </gridlikeitem>
    <gridlikeitem value="hello2" id="inx">
      <gridlikecell><label value="Hello2"/></gridlikecell>
      <gridlikecell><label value="Hello2.1"/></gridlikecell>
    </gridlikeitem>
    <gridlikeitem value="hello3">
      <gridlikecell><label value="Hello592"/></gridlikecell>
      <gridlikecell><label value="Hello592.1"/></gridlikecell>
    </gridlikeitem>
    <gridlikeitem value="hello4">
      <gridlikecell><label value="Hello4"/></gridlikecell>
      <gridlikecell><label value="Hello4--"/></gridlikecell>
    </gridlikeitem>
  </gridlikebox>
</window>
