Genexus

Hola Fernando, hay varias formas de hacer esto, una es la que te sugieren con un Embedded Page, pero en lo particular prefiero hacerlo de la siguiente forma:

 

1-Crea un webPanel

2-Crea las variables &Id   Numeric(4.0) &Descripcion   Character(20)

3-En el Web Form selecciona la solapa “HTML” para ver el código html

4-Copia el siguiente código.

 

 

 <div class="Section" id="Section1" style="OVERFLOW: auto; WIDTH: 100px; HEIGHT: 220px">

  <table class="Grid" cellspacing="2" cellpadding="1" border="0" gxcontrol="Grid" gxprop.1="ColAttId=var:5" gxprop="ControlName=Grid1;GxObjClass=13" gxprop.2="ColAttId=var:6">

    <tbody>

      <tr class="GridTitle" style="BACKGROUND: none transparent scroll repeat 0% 0%">

        <th style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right; TEXT-DECORATION: none" nowrap="nowrap">

          Id</th>

        <th style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: 'Arial'; TEXT-DECORATION: none" nowrap="nowrap">

          Descripcion</th>

      </tr>

      <tr class="GridOdd" style="BACKGROUND: none transparent scroll repeat 0% 0%">

        <td>

          <input class="GridOdd" style="FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: 'Microsoft Sans Serif'; TEXT-ALIGN: right; TEXT-DECORATION: none" type="text" size="20" value=&amp;Id /></td>

        <td>

          <input class="GridOdd" style="FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: 'Microsoft Sans Serif'; TEXT-DECORATION: none" type="text" size="20" value=&amp;Descripcion /></td>

      </tr>

      <tr class="GridOdd" style="BACKGROUND: none transparent scroll repeat 0% 0%">

        <td></td>

        <td></td>

      </tr>

      <tr class="GridOdd" style="BACKGROUND: none transparent scroll repeat 0% 0%">

        <td></td>

        <td></td>

      </tr>

      <tr class="GridOdd" style="BACKGROUND: none transparent scroll repeat 0% 0%">

        <td></td>

        <td></td>

      </tr>

      <tr class="GridOdd" style="BACKGROUND: none transparent scroll repeat 0% 0%">

        <td></td>

        <td></td>

      </tr>

    </tbody>

  </table>

</div>

 

5-Selecciona la solapa Design y verás un grid con scroll horizontal y vertical

 

Lo que te quedaría es poner las variables o atributos que desees en tu grid y cambiar las propiedades  WIDTH y HEIGHT del control Section que tendrás en tu Formulario al tamaño que desees.

 

Saludos

Alain