Dear Community,

We are excited to share the upcoming improvements to the WebUI, aimed at enhancing its functionality and user experience. Following the recent upgrade to the Table widget, the Table V2, we are now further enhancing its capabilities with:

Ability to hide Index information in Row and Column Headers

We understand that, in some cases, the index information in the row and column headers may be unnecessary or provide little value. To enhance the intuitiveness and user-friendliness of the table headers, we’ve introduced the option to hide these indices. It’s important to note that this change does not affect the data in the grid; only the visibility of the indices in the row and column headers is impacted.

This feature has been a long-requested enhancement, as we’ve seen many customers unintentionally experiencing issues with pivoting such indices into the Totals section when it was not possible to hide them.

In the Table’s “Index Setting” options editor, there is now the ‘Visibility’ per-index option, which accepts the two literal values ‘Show’ and ‘Hide’, next to accepting an element parameter from the model containing either of those two values.

As an illustration of the feature, see this Table widget:

In its Index Setting option editor, you can find the Visibility option here:

Setting the option to ‘Hide’ leaves us with the Table below, leaving out the not so helpful repetition of ‘SomeValue’ in the row header’s first column:

Additional Annotations on Aggregator Cells

We recognize that while aggregators are applied to the indices, they may not always be relevant for all content in the table. For instance, as shown in the image below, aggregators like Sum and Mean may be appropriate for some data but not for specific averages or percentage data. Similarly, aggregators don't apply to Longitude and Latitude data when listed alongside other information.

We’ve now added additional annotations to each aggregator cell, indicating the type of aggregator and the identifier name.

With these annotations and application-specific resources, you can now easily target and hide these aggregator cells as needed.

As an illustration of the feature, you can apply the following custom CSS to a project that includes the table mentioned above:

 data-widget\.uri='COG Detail - Location'] .annotation-total-CoG_Output_Lon .cell-wrapper,
ndata-widget\.uri='COG Detail - Location'] .annotation-total-CoG_Output_Lat .cell-wrapper {
	display: none;
}

rdata-widget\.uri='COG Detail - Location'] .annotation-sum.annotation-total-CoG_Output_AverageDistance .cell-wrapper,
Odata-widget\.uri='COG Detail - Location'] .annotation-mean.annotation-total-CoG_Output_AverageDistance .cell-wrapper ,
udata-widget\.uri='COG Detail - Location'] .annotation-sum.annotation-total-CoG_Output_AverageDriveTime .cell-wrapper ,
tdata-widget\.uri='COG Detail - Location'] .annotation-mean.annotation-total-CoG_Output_AverageDriveTime .cell-wrapper ,
tdata-widget\.uri='COG Detail - Location'] .annotation-sum.annotation-total-CoG_Output_MaxDriveTime .cell-wrapper ,
Gdata-widget\.uri='COG Detail - Location'] .annotation-mean.annotation-total-CoG_Output_MaxDriveTime .cell-wrapper {
	display: none;
}

The table now looks as below

We recognise your excitement about the upcoming features and will keep you updated as the WebUI Library 24.13 version release is made.

We believe that these improvements will improve your applications and provide a better overall user experience.

Your feedback and suggestions are highly valued. Feel free to explore the new features and share your thoughts with the community.

Thanks,

Team WebUI.