Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   Flex (http://www.flasher.ru/forum/forumdisplay.php?f=84)
-   -   Объединение ячеек в таблице. Как? (http://www.flasher.ru/forum/showthread.php?t=92558)

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

Цитата:

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

Встречный вопрос:
Как сделать первую таблицу без скрола, чтобы она увеличивалась в зависимости от кол-ва строк.
Как привязать вторую таблицу снизу и убрать заголовки?

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

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

Цитата:

Сообщение от Astral Man
Встречный вопрос:
чтобы она увеличивалась в зависимости от кол-ва строк.
:)

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

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


Часовой пояс GMT +4, время: 10:37.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.