How to add a grid in Table component?

[QUESTIONIUM]

Hi,

I want to add grid lines to a Table component so that nodes(control points) inside the table can snap to a grid intersection.

Is that possible?

Thank you for your help in advance.

[ulrik]

@QUESTIONIUM
In the documentation:
https://docs.hise.audio/scripting/scripting-api/scripttable/index.html#setsnapvalues

In the API inside Hise you'll find more information

HiseSnippet 895.3ocsVE0aaaCDlxIrqxaEXEXOtGHJv.bVxbjSy5VQ1vbhixf2ZRLlbB5vPQAqDcDQjHEnnRmwv9Ou+AaGIksj27R6LvzCB5tu6H+ti2cTSTxXVYoTg77mNufg79HbzbgNcTJkKPiOE48g3oz2jwhDzBzIyKnkkrDjm2Veuw.O+sQ1m+36NglQEwrFUHz0RdL6E7bttQ6jg+HOK6LZBaJOuk0GNbbrTLRlIq.xrEN.UPiukdC6BpwrNXj2CBS3ZoJRS0rRj21mHSlGkJeqvY+07RNPTiv.TDrPN0mIyRLL1nEMJkmkLYQPWhfUYRSJXKWJ3SvmyS3K02jJ9XK.owi14CuNqRusVgdC92n2ZnjWKJssiROFGEq3E5FD2QyXglolQgzdap3rE04S6fGIAKD594zaYmo.gkdz6YAA6QfW6bT2tPpuTStipH1Cax2RV33ML8HYdgT.B8dhE8IFO1ee+nvojnKNdB45iewUgc4hLtfQlUIh0bofTxzKqbtllUwJ6oMx6QJAMk6z8255mIioYv9ZPgM8Wd0QKzYrAzLXeqwf5t9yjJRONnL3HBm7MtkA9b2c2oquuaQ5WTUl1y57mS36X8qMxf9ANkVpzG3XK54LzfCQeoDvKTbHr0JS9pFEf+ca3G9xvQWMMr6Zhyot37.XuVlNjhKjZ1khd1.GVCxeGZ1r0hYNITxrLlZsvl1H084XOQU9aXp8bo4kFB0VqVv9f2uB1XWgQKCkhwBt9xBVs782wgpqrLE50LDnh1Vl+n5xba9Cwg03CbSePVt2d1RBUSQdeF9fC6u5ycWBulsq4ymO5Gn4UWhPWM9Ti406Hr4.gJXJM2D2dmxtClS4Zz7wmxJuUKKr1VW2C4l2E+90Ft8yCm2HvG9VdhNsQw7goL9Mo51lf9mM7vnFYRUFUu57GyP2Z.3LdkldSisnjqm2dn7+ggRA26Po2WJ9X7DtNNc8bryZ3Hbn7+AGqGk+Hb3rYrXcCA2Fe1K2z41uis+mjUZt3lyoZEGpGvWTkGA2lEyfcWHXYvhi85X5.bxAFYSFHhIRrB+I7TCNvH6UCNXAHJmFqjuN102Xtr3gVM.mD16I8wmajICVzwfwA8CP4v8VuNN1D9eAzTtdeNXC74oafOGtA97kafOOaC74q1.e9560GyuLbbkVl6ZG.ESBsSi77BElYG1pPzeAn4djlA

[ulrik]

@ulrik and I read your question again, and I had forgotten about a visible grid, sorry.

HiseSnippet 1078.3ocsV0uaiSDDecS8AwvIwIwCvpJgjCMM0oTN.UpHsIo8BzOhtj16PHzos1qiWpytQ1qaI5Teg3oi2.X1cchc5kKbDD9OR770N+lYmOb+DgOMMUjfrpNb5DJx5SsGLkKiZGQXbTuNHqOwdH4lX5.NYB53oSHooz.jkUkSUJXUcSj94O+giIwDtOsfEBcsf4SOiMlIK31u0OwhiOgDPGxFWR68a0yWvaKhEY.XpX6glP7ukLhdAQo1F1HqmzMfIEICjDIMEYs4whfoChD2yM5eMKkA.UQzDM.NHC6SDwAJDq3hZGwhC5OKnSQvozuHETwjB9b6yYAr47KREelV.tvhx4CqMVDdUV.dMeevaIPxpDj1z.omYOvOgMQVHwb0ziKoIgDHsWFJFcQa7GUraK.M3xFiI2ROIAHlag6y87pigepcfiCj5Sk36HIX8kM9P7LCGQksEimH3.g6VZoaAV7HCNMgErZiTZnLzY2cqNn6P7fKNpO95iN6ptNLdLiSwgYbeISvwoT47RtqIwYzTWohtNNE3jVy4sNUiE9jXv+Jofi+ke8fY7T5.bZtqVYfsS0PQB1kAL8N.yveu4XfW2d6ZNUqZNjFSxRib0F+kXVMsckkzrgmgoFJM.LVBdFEUxmGqJMzRWpP+HBeDMvE39fNkz80cae0vtNKI1GZh88zWTZkeUugu.e5K60wYA20GpSkuTjIgro6rro6Hc9ZjRAS2kq4uTEHRjIzrTpIxXgXWITtIBwxHVp5VzDA0vGdHdKwM+F0WtEjxdqNqkfSgVTUsxLseEKPFAZuKbNKd.Mho7QxncZp7D3pGekbHd4FL+RBBffDx8moBMFbCocccboW2u97y3ET1nHoasc.ddM1S4yGf.7gZGLuFSvuPHoWxc0YG3R.+XQggKUlpDOQDGSSVpX0PsjUYnKOa7Mzj5lZ24JBc5KN93IeXiO7McbkTTv6wYxKmPyoW87OTdKqZrSNBAnH0CcdZ9PGcQFhAmwGY1EfzXu7j9.hjfr9B681uwhO2cI7S31pW+t1+HYb1kHzU85nTO2ifyA.MglHYp31pC8NXqgYrWU6NzzakhIvBf4CTfbyh3qOgSi03KeWkpg.86E36maMsff05dUYZAioshz0KkUA89816lM9u4o2cXOrlQDjESjKt6QsvMW.TQsv.e0PcdJSNs7B4+EKj7V4BoOTH9L69Loezxw3FKAiPIv+GXLeM9Ss6FFBSrJ.3l1m750cm8+f6MicGcNQlvf5A6KxFO.Fx5SAuygxS3vss1P0uYn8TzpLv.JOPS7WvStvlJZqbgMmIDMl3mHdiuoKU8gBerlCfIt9ajpZethF2bV+ossWCOzX3aVdiuuJ72AFArba1aMr4qVCa1eMr4qWCad9ZXy2rF17sqzF0mKdTlTL1zN.L52UO6yxpKWM6PWEh9a.XC3HY.

[ulrik]

@ulrik this will create a container with the table and grid inside

HiseSnippet 1341.3ocsW8tbaSDD+TRTAYnLTFd.tweRg53HGRaXnMCMwwoXnMwSroEFFlNWjNacox24Q5bS7vz2AdR34fGGdCB6dmjsrqSI3glO3na+6u8mWs64NopPdVlJk330axHNw4Sc6NQpiaFyDRR6iHNegaO14I7tR1niYgZU5DxgSFwxx3QDGm0eJZmi2FDye+82cHKgIC4yDQHuPIB4OSLTnmIsyS9QQRxwrHdOwvRVu6SZGpjMUIpw.lV2MfLhE9Z1.9ILzr0bIN2oUj.fQWMSyyHNabnJZR2X0kRq8uPjI.7hGZP5BAxJ9XURDhXTJoYrHIpSQsmQfnzYFSrtkI9R2mKhDSkOiQ9biB5LOJyGNqMO7VeN30nL7BJAuk.ImRPZCKjtma2vTwH8LMHd9D21RMOsOCn8xPwZKYs+7NtMUfERc8grWyONENL0C+GFDTiBer4ipTY6s85cvgOqE8kzmdV6inGePydmd1uP8k.6WidUM5jZzKEQ53ZzXtXPrtFUNd347TppOMCZQx1rhPlHjbZ+wxPsPIogobfJLMQuTnieZpHZ93AwxDlb++8JdIpPVBEZDz.mCAeeZQAvhh5vj7DSDte0lElT0FMnH7JLMii7zHdpVvyfhd3Oz8zSdW+p3AIzqpFH3peKsZNAi4.04UUDAhWhWdUuBTbk4oIvSSLOYHG3zklSVNBNFaNd9.aiMHnwC2au81owCroPyGNUSvBh1YpLM+J8xBvawptfzF.z6MyWH4W81RRFi+uvOENXolfoTSv+N0LhkBvooZ3HkDdXIT9B0oF6mluPMsXFre6pvkWZlnrPosZ0TF6M71xNob.BfPc5X9pUqugkLlmAE6u9aOpPF9xBHow1Eu3XruuJk5K.4AOhJnOd5aUvo6e+MgjaCU8Qiyh8Mg3qnBLUfukU0ndfE.FZF4Pb9+KLV3aMD0iManRihEkGFyjC3Q91.UXZGnB0moFqgB0uXFg+fMseWL.Mw1i6a+WFFmTcJebFOGndh9Te7KMXliNVjUePAB1jt+9zppyufGpqhkKFSnvRoYvZDrcov9WhewA1uMDo4CQ8DtbfNdqFlrgoyxpWXY0KnOde5xcATZIYrNhRYW9LrFu.nXS1qQK83t0lFju2z03u4Vfrf56XR6asc.u0LRt4YsNnWKusJ8WEX1Xll167D.UKa.aUPELSrANb27wt3G6X+.G0WY57Yk7Dklepz2L5ExIcQU86uTcX+ZpJIgmtT03h8z2mi91UG0r82SMD11M+JT2adEZ4M7g1W3KYnR1VJzmNhKuo89j7oD351bTAoWaV1dW2RCDHBXkpqKvpDCZKe+lHllYtZB4mZeD9bdvf3NaxCH6H9afKBY2j64dDO60Z0His4SBHNUlO0lwrlT+YXpmNffbEDg6Dkm+IkOXlHgB9CGq.6PITxekaRwZHT10WesQ1r8MnzhJqzVnxhmsHpbHbVqTg7Q2Tg3gEB1hZqAR4Zfb6qgElg9NDD4lwxhee9gEGu6k3fqOphFmvzyemR7hz4Jf2Rl6hb3k0jYB8jxWz9+sKZdag38b6HzgwKGiqsDLhsDe.vX90yuqaq98g47y.3FtG+yeXtKNwtvZvyY5TAzu3dx3gcg1+PNjcIzZiSobVCmmXOGfmQFnKWFYN.ukbctxF3YmbkMJTRFxBSUuJzNEB+A.erQBfIo429349b7LsQwDHW2f5AjgvuE4UggX4uELha49ryJ3yWuB9r6J3yCVAed3J3ydqfOey60G7mAdvXsZn80APPmVlE.NNsj3TFSWH4ePMx3xa

[QUESTIONIUM]

@ulrik

OMG, the snippet was exactly what I was looking for!
Thank you so much!:smiling_face_with_smiling_eyes: and the information on api was also immensely helpful for a newbie like me.

Thank you again for your help and I would appreciate it if you could help me out when I ask another dumb question like this.

Best,

[DabDab]

@ulrik said in How to add a grid in Table component?:

@ulrik this will create a container with the table and grid inside

HiseSnippet 1341.3ocsW8tbaSDD+TRTAYnLTFd.tweRg53HGRaXnMCMwwoXnMwSroEFFlNWjNacox24Q5bS7vz2AdR34fGGdCB6dmjsrqSI3glO3na+6u8mWs64NopPdVlJk330axHNw4Sc6NQpiaFyDRR6iHNegaO14I7tR1niYgZU5DxgSFwxx3QDGm0eJZmi2FDye+82cHKgIC4yDQHuPIB4OSLTnmIsyS9QQRxwrHdOwvRVu6SZGpjMUIpw.lV2MfLhE9Z1.9ILzr0bIN2oUj.fQWMSyyHNabnJZR2X0kRq8uPjI.7hGZP5BAxJ9XURDhXTJoYrHIpSQsmQfnzYFSrtkI9R2mKhDSkOiQ9biB5LOJyGNqMO7VeN30nL7BJAuk.ImRPZCKjtma2vTwH8LMHd9D21RMOsOCn8xPwZKYs+7NtMUfERc8grWyONENL0C+GFDTiBer4ipTY6s85cvgOqE8kzmdV6inGePydmd1uP8k.6WidUM5jZzKEQ53ZzXtXPrtFUNd347TppOMCZQx1rhPlHjbZ+wxPsPIogobfJLMQuTnieZpHZ93AwxDlb++8JdIpPVBEZDz.mCAeeZQAvhh5vj7DSDte0lElT0FMnH7JLMii7zHdpVvyfhd3Oz8zSdW+p3AIzqpFH3peKsZNAi4.04UUDAhWhWdUuBTbk4oIvSSLOYHG3zklSVNBNFaNd9.aiMHnwC2au81owCroPyGNUSvBh1YpLM+J8xBvawptfzF.z6MyWH4W81RRFi+uvOENXolfoTSv+N0LhkBvooZ3HkDdXIT9B0oF6mluPMsXFre6pvkWZlnrPosZ0TF6M71xNob.BfPc5X9pUqugkLlmAE6u9aOpPF9xBHow1Eu3XruuJk5K.4AOhJnOd5aUvo6e+MgjaCU8Qiyh8Mg3qnBLUfukU0ndfE.FZF4Pb9+KLV3aMD0iManRihEkGFyjC3Q91.UXZGnB0moFqgB0uXFg+fMseWL.Mw1i6a+WFFmTcJebFOGndh9Te7KMXliNVjUePAB1jt+9zppyufGpqhkKFSnvRoYvZDrcov9WhewA1uMDo4CQ8DtbfNdqFlrgoyxpWXY0KnOde5xcATZIYrNhRYW9LrFu.nXS1qQK83t0lFju2z03u4Vfrf56XR6asc.u0LRt4YsNnWKusJ8WEX1Xll167D.UKa.aUPELSrANb27wt3G6X+.G0WY57Yk7Dklepz2L5ExIcQU86uTcX+ZpJIgmtT03h8z2mi91UG0r82SMD11M+JT2adEZ4M7g1W3KYnR1VJzmNhKuo89j7oD351bTAoWaV1dW2RCDHBXkpqKvpDCZKe+lHllYtZB4mZeD9bdvf3NaxCH6H9afKBY2j64dDO60Z0His4SBHNUlO0lwrlT+YXpmNffbEDg6Dkm+IkOXlHgB9CGq.6PITxekaRwZHT10WesQ1r8MnzhJqzVnxhmsHpbHbVqTg7Q2Tg3gEB1hZqAR4Zfb6qgElg9NDD4lwxhee9gEGu6k3fqOphFmvzyemR7hz4Jf2Rl6hb3k0jYB8jxWz9+sKZdag38b6HzgwKGiqsDLhsDe.vX90yuqaq98g47y.3FtG+yeXtKNwtvZvyY5TAzu3dx3gcg1+PNjcIzZiSobVCmmXOGfmQFnKWFYN.ukbctxF3YmbkMJTRFxBSUuJzNEB+A.erQBfIo429349b7LsQwDHW2f5AjgvuE4UggX4uELha49ryJ3yWuB9r6J3yCVAed3J3ydqfOey60G7mAdvXsZn80APPmVlE.NNsj3TFSWH4ePMx3xa

Thank you... How can snap grid horizontally. In this snippet I can snap only vertically.

[ulrik]

@DabDab The setSnapValues for Tables, will snap only on x-axis

[DabDab]

@ulrik OK.. It should be a feature request.