Report Control table with two or more rows and colspan

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Eduardo Alfaro

Hello David,

I am working with AB Report Control, and I would like to know if there is any way to do something like this:

head:
<td>head col 1</td><td>head col 2</td><td>head col 3</td></p>
<p>body (html): (multi-line and colspan)
<tr><td>content col 1</td><td>content col 2</td><td>content col 3</td></tr>
<tr><td colspan="3">content col 4 - large text  - description - row</td></tr></p>
<p>footer:
<td colspan="3">footer message</td>

I have tried, but the body(html) it is not working, and I would like to do with TABLE wrapper, so all the cols width (in header and body) will match width the content. Do you have any suggestion or clue to achieve this?

Thank you so much!
Eduardo

DecSoft

Hello Eduardo,

If I am understand well, what you wanted is to shown the Report's record's rows with the same height? If so, you can try with the "special" CSS class "ReportNameRow" like in the below CSS code, that can be placed in the app's Inline CSS option, for example:

.Report1Row<br>{
  height: 60px;<br>}

On the other hand you can also try the below HTML code instead your own one:

<td>content col 1</td><td>content col 2</td><td>content col 3</td>
<td colspan="3">content col 4 - large text  - description - row</td>

Note how we do not include the "TR" HTML tag inside the Report's HTML property. Please, Eduardo, let me know if you have any further question.

Purchase one or more licenses of our products if they are useful to you!

DecSoft

Hello Eduardo,

I am not quite sure that's is exactly what you wanted, but I modify the Report10 sample (which already uses the "colspan" in their footer) to use the "colspan" attribute in the Report's HTML property. Download this Report10.zip sample and take a look.

Purchase one or more licenses of our products if they are useful to you!

Eduardo Alfaro

Hello David,

Thank you so much!!!
I would like to have something like this:
[img=Screenshot_1.png]https://www.decsoftutils.com/_support/uploads/72ec935048c68ab9b93dc9794d5a720d.png[/img]

But I really do not know how to do the multi-line ROW.

Thank you so much!!!
Eduardo

DecSoft

Hello Eduardo,

One possible way to achieve that is to use certain record's property. So, for example, the record can include an (or just have one) "Description" property, then we can look for this and shown when exists in the way that you wanted (occuping the three columns). If the record's "Description" is empty then the record are shown normally. Maybe another possible approach can be taken too. Please, download this Report.zip sample, take a look, and then tell me if something like that can works for you.

Purchase one or more licenses of our products if they are useful to you!

Eduardo Alfaro

Hello David,

Thank you very much!!!
Your sample was very useful!!

Eduardo

DecSoft

Hello David,

Thank you very much!!!
Your sample was very useful!!

Eduardo

You're welcome! :)

Purchase one or more licenses of our products if they are useful to you!

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.