PDA

Просмотр полной версии : Объединение ячеек в таблице. Как?


Astral Man
28.02.2007, 16:42
Такой вопрос:
Нужно создать таблицу с объединенными ячейками в последней строке.
Как на этом примере:

+-------+-------+-------+-------+
| № | col 1 | col 2 | col 3 |
+-------+-------+-------+-------+
| 1 | 100 | 340 | 100 |
+-------+-------+-------+-------+
| 2 | 200 | 230 | 25 |
+-------+-------+-------+-------+
| 3 | 230 | 50 | 30 |
+-------+-------+-------+-------+
| ИТОГО | 620 | 155 |
+---------------+-------+-------+

Причем количество строк до "ИТОГО" может быть любое.
Данные получаю из XML файла.
Как такое реализовать?

barby
28.02.2007, 17:05
Две таблицы. Одна - полная таблица без последней строки, вторая - таблица в одну строку с необходимым количеством и шириной ячеек.

Astral Man
28.02.2007, 17:10
Две таблицы. Одна - полная таблица без последней строки, вторая - таблица в одну строку с необходимым количеством и шириной ячеек.
Встречный вопрос:
Как сделать первую таблицу без скрола, чтобы она увеличивалась в зависимости от кол-ва строк.
Как привязать вторую таблицу снизу и убрать заголовки?

Извиняюсь за ламерские вопросы... я только учусь :)

john
28.02.2007, 17:25
Grid -> GridItem - colSpan

принцип тот же что и у таблиц в хтмл


<mx:Grid backgroundColor="#CCCCCC"
paddingLeft="5"
paddingRight="5"
paddingTop="5"
paddingBottom="5"
>

<mx:GridRow>
<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="N" fontWeight="bold"/>
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="col1" fontWeight="bold"/>
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="col2" fontWeight="bold"/>
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="col3" fontWeight="bold"/>
</mx:GridItem>

</mx:GridRow>

<mx:GridRow>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="1" fontWeight="bold"/>
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="100" />
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="340" />
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="100" />
</mx:GridItem>

</mx:GridRow>

<mx:GridRow>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="2" fontWeight="bold"/>
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="100" />
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="340" />
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="100" />
</mx:GridItem>

</mx:GridRow>

<mx:GridRow>

<mx:GridItem backgroundColor="#FFFFFF" colSpan="2">
<mx:Label text="Итого" fontWeight="bold"/>
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="340" />
</mx:GridItem>

<mx:GridItem backgroundColor="#FFFFFF">
<mx:Label text="100" />
</mx:GridItem>

</mx:GridRow>


</mx:Grid>

john
28.02.2007, 17:33
Встречный вопрос:
чтобы она увеличивалась в зависимости от кол-ва строк.
:)

э... похоже нужно баловаться с Repeater...

хм... если следующим вопросом будет а как элементы таблицы можно редактирвать,
то отвечу сразу, вам нужен DataGrid, а не таблица, как редактировать и именить ячейки - уже другой вопрос.....