I have got a matrix table which contains sub table also ,how to make this?

I have to add a table like this,which contains a small cell width , but when i change the cell width using script it is also affecting other tables also in the form.

could u please advise how to do this ?

Hi,

Unfortunately you cannot do this in the Matrix field when doing it only on the form builder.

The table column header is not capable occupying more than 1 column, to have a sub-table similar to what you have in your image.

If you want to do this in your matrix field, you will have to compensate for the single column per header and just assigned an imaginary column header name for each of the smaller column.

Example, base on your image, you can use a column header name like this

M1,M2,M3,M4 -- S1,S2,S3,S4,--Sf1,Sf2,Sf3,Sf4 (M=Managers,S=Supervisors,Sf=Staff)

--

At the most, you can still achieve the same matrix table similar to your image by using the form's full source code.

User Guide: -How-to-get-the-Full-Source-Code-of-your-Form

Using the full source code of the matrix field, you can just add html TR/TD tags to have a separate column header like "Managers" "Supervisors" "Staff" on top of the matrix column.

Hope this help. Please inform us if there is more we can help you with.

Thanks!

Hi thanks for your responses

Please advice after copying the source code ,how can i edit it and make changes ,i just open the downloaded css form and find difficult to do that

so every time you change (add or remove fields) from my form in the form builder, i must update the form codes on my site by re-embedding the form. This is because the source codes that are currently embedded to my page are not automatically updated. so how can i re-embed the form?

You only need to change or update the embedded form if you have used the form's full source code as your embed method of choice upon adding more fields and injected css into your form. All the other methods would not require this as they would automatically update it.