Forcelayout | drawing graph with spring-like attractive forces | Data Visualization library

I am trying to run the attached code with a local JSON file. So far the data was in the HTMLand works as expected. I tried several solutions from stackoverflow. My latest attempt was the visual code extension "live server" which loads but without any data or d3 code. Further my firefox settings allow external file import as well as chrome. Still not working. :/

Obviously I am doing it wrong. I would appreciate if somebody could guide me.

I have a TableView where each cell is represented by a Label delegate. This Label component has wrapMode set to Text.Wrap meaning that its height can change when the TableView is resized.

However, the TableView doesn't seem to be aware that its contentHeight has changed because of the wrapping, hence the scroll bars do not update. This is shown below:

How to notify TableView that its contentHeight has changed so that the scroll bars update accordingly as the view is being resized?

QML code to create table shown above:

According to HorizontalHeaderView's doc, If the model is a QAbstractTableModel, then the header will display the model's horizontal headerData(); otherwise, the model's data(). but It's not even calling it in my case. but QTableView from widgets module seems to work just fine.

here is my main.qml:-

i use an inheritance of AbsoluteLayout to avoid the Children in the Maincode for reasons.

So i have an own Add Method:

I have a TableView containing a number of ViewCells. Each ViewCell is a StackLayout of a Label and Entry field. Everything looks fine rendering on Android. On iOS, any ViewCell that has an field has the Field Value cutoff (ie. shows only the first character then a few dots). Pickers work just fine BTW. I've tried different MinimumWidthRequest to a high value, the different HorizontalOptions, ForceLayout() in OnAppearing(), etc.. How can I have these fields expand to the necessary minimums, to show the full value?

I have a hack, to show an image moving with a progress bar. It works great except for update. Progress bar refreshes, but the column definiton width doesn't.

i.e. if progress if 50%, then I make blank column 1 width 50% and column 2 is the image. Works on load, works on manual refresh, but on timer, only the progress bar moves. There are potentially several items in the overal list view with the same progress bar idea, but different values.

I'm trying to set a BoxView's Height to the Height of the page (I'm using Xamarin Essentials for this). The BoxView is contained in a StackLayout and that StackLayout is contained in a ScrollView like this: