Создаю окно с listbox в котором есть 4 колонки, первая колонка должна иметь фиксированную ширину, а остальные занимать все свободное пространство , пытался для этих целей использовать свойство flex , задавать ширину через свойство width но список вообще никак не реагировал ни на одно свойство, сейчас он имеет вид как в прикрепленном рисунке, почему то первая колонка занимает почти все пространство по ширине
Выделить код
Код:
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window id="1232-window"
title="window"
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
persist="width height screenX screenY">
<script type="application/x-javascript" src="chrome://global/content/dialogOverlay.js" />
<script type="application/x-javascript" src="chrome://global/content/globalOverlay.js" />
<listbox id = "listbox-stats">
<listhead>
<listheader label="header1" />
<listheader label="header2" />
<listheader label="header3" />
<listheader label="header4" />
</listhead>
<listitem>
<listcell label="Buck" />
<listcell label="Buck" flex="1"/>
<listcell label="Buck" />
<listcell label="Buck" />
</listitem>
</listbox>
</window>Выделить код
Код:
<listbox id = "listbox-stats">
<listhead>
<listheader label="header1" />
<listheader label="header2" />
<listheader label="header3" />
<listheader label="header4" />
</listhead>
<listcols>
<listcol width="100" />
<listcol flex="1" />
<listcol flex="1" />
<listcol flex="1" />
</listcols>
<listitem>
<listcell label="Buck" />
<listcell label="Buck"/>
<listcell label="Buck" />
<listcell label="Buck" />
</listitem>
</listbox>