I would like to know if anyone could help me. My problem is that I am opening a web page within a web view, now this page has a navigation menu
<aside id="left-panel">
<nav>
<ul>
<li><a href="distribuir_cuentas" title="Distribuir Cuentas"><i class="fa fa-lg fa-fw fa-play"></i><span class="menu-item-parent">Distribuir Cuentas</span></a></li>
<li><a href="movimientos" title="Movimientos"><i class="fa fa-lg fa-fw fa-credit-card"></i><span class="menu-item-parent">Movimientos</span></a></li>
<li><a id="reportar_cuenta" href="javascript:void(0)" title="Reportar Cuenta"><i class="fa fa-lg fa-fw fa-slack"></i><span class="menu-item-parent">Reportar fallo cuenta</span></a></li>
</ul>
</nav>
</aside>
In the Page or URL of distributing accounts, there is a table that can not be displayed well a table because it lacks an overflow-x style, this is the code that I have tried for it:
document.getElementById('id_tabla').style.overflowX = 'auto';
document.getElementById('id_tabla').style.whiteSpace = 'nowrap';
I would like to know if I can add this Javascript and how to click on the "Distribute Accounts" menu. I clarify, this page is not mine, that's why I want to modify it directly from Javascript when redirecting to the other interface.
I appreciate your help.