Report Control table with two or more rows and colspan

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Take a look at some frequently asked questions about us and our products!

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Take a look at our YouTube channel and subscribe to be notified about new videos!

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your 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!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.