Table with dynamic header and dynamic number of columns
Creating a dynamic table with multiple columns is not so complicated. You only need to wrap the the fields in all rows the are in the same column with a subform that ist set to be repeatable, like in this example.
Then you need a script that controls the table. Here it's placed in the exit event of the numeric field named "Field".
if (!this.isNull) {
var nColumns = this.rawValue, // Number of columns
oRows = Table1.resolveNodes('#subform[*]'), // Resolve all rows of the table
nMaxWidth = 150, // maximum width for all repeatable columns
cColumsWidths = "30mm "; // initial value for table properties
// Process each row
for (var i = 0; i < oRows.length; i += 1) {
oRows.item(i).Column.instanceManager.setInstances(nColumns); // Set selected number of columns per row
var oRowColumns = oRows.item(i).resolveNodes('Column[*]'); // Resolve all columns per row
// Process each column per row
for (var c = 0; c < nColumns; c += 1) {
// Add width of repeatable colums to table properties. Do this only for the first row, since it's needed only once
if (i === 0) {
cColumsWidths += (nMaxWidth / nColumns) + "mm ";
}
// Set width of nested text field in every repeated column
oRowColumns.item(c).resolveNode('#field').w = (nMaxWidth / nColumns) + "mm";
}
}
// Update columns width in table properties
Table1.columnWidths = cColumsWidths;
}
The table layout changes as soon you left the field.
I've testet this and was able to create a repeated and also dynamic header for a subsequent page. However it might be tricky to get this work as intended, since the XFA specs recommend static headers in flowing layouts.
If you know the maximum of possible columns, you could build one static header with multiple overlaying subforms. One for each variation of possible columns. Depending on the number you then only show the related subform.
@davids88333804 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.
Kautuk Sahni
Related Conversations
