Displaying items in a single line in ALV grid using ALV_TOP_OF_PAGE.

Question

Hello Guys,
I am having a problem in displaying items in a single line in the ALV Grid using event ALV_TOP_OF_PAGE.
My requirement is to group items on a single line i.e. in the example below, Vendor code and posting date are on the same line. The next line the prints Vendor Name and Document no.
Vendor Code: 123123                               Posting Date : 01.01.2011
Vendor Name: ABCD                                 Document No: 152246598.
Here is my code in subroutine 'ALV_TOP_OF_PAGE', 
  wa_list_comments-typ = 'S'. 
  wa_list_comments-key = ''.
  wa_list_comments-info = 'Vendor Code'.
  APPEND wa_list_comments TO it_list_comments.
  wa_list_comments-typ = 'S'. 
  wa_list_comments-key = ''.
  wa_list_comments-info = 'Posting Date'.
  APPEND wa_list_comments TO it_list_comments.
The above code prints in the following format i.e one below the other,
Vendor Code: 123123                              
Posting Date : 01.01.2011.
I also tried using HTML_TOP_OF_PAGE, but it didn't work.
Can anybody please help me out with this.
Regards,
Danish.

Answer 1

Hi Danish,
Your problem is with the alignment and you need some fix positions .
The solution i feel is u can use as below :
In CALL FUNCTION 'REUSE_ALV_GRID_DISPLAY'
use 
i_callback_html_top_of_page       = 'HTML_TOP_OF_PAGE'.
Now on calling routine call use cl_dd_document class :
FORM html_top_of_page USING document TYPE REF TO cl_dd_document .
data : doctable TYPE REF TO cl_dd_table_element,
          col1_t1 TYPE REF TO cl_dd_area,
          col2_t1 TYPE REF TO cl_dd_area,
          col1_t2 TYPE REF TO cl_dd_area,
          col2_t2 TYPE REF TO cl_dd_area.
add quick table with five columns
    CALL METHOD lw_document->add_table
      EXPORTING
        no_of_columns               = 2
        border                      = '0'
     cell_background_transparent = ' '
        width                       = '100%'
      IMPORTING
        table                       = doctable.
Filling columns in row
    CALL METHOD doctable->add_column
      EXPORTING
        width  = '40%'
      IMPORTING
        column = col1_t1.
Filling columns in row
    CALL METHOD doctable->add_column
      EXPORTING
        width  = '60%'
      IMPORTING
        column = col2_t1.* Filling columns in row
Call method doctable->new_row.
    CALL METHOD doctable->add_column
      EXPORTING
        width  = '40%'
      IMPORTING
        column = col1_t2.
Filling columns in row
    CALL METHOD doctable->add_column
      EXPORTING
        width  = '60%'
      IMPORTING
        column = col2_t2.
*Now adding the texts
lw_text1 = 'your first text'
CALL METHOD col1_t1->add_text
      EXPORTING
        text = lw_text.
*Similarly add text for other columns
*Adujust % in width to adjust the column as required
Endform.
Hope this will solve your problem .