We are trying to build a LuCI UI page where a parent tab (e.g., "Dynamic Routing") contains multiple sub-tabs, and each sub-tab includes its own table with full add/delete/edit functionality using pop-up windows. However, CBI (Lua-based) does not support this level of nesting or dynamic rendering. In comparison, existing pages like Static Lease only have a single flat table. We attempted to use JavaScript-based templates (e.g., LuCI.form.TableSection
), but they don’t load properly in our current CBI-only setup. We're looking for guidance on how to implement such a nested structure, whether by extending CBI or integrating JS views alongside Lua templates.