Author: |
Sunflower IT, Therp BV |
License: |
AGPL-3 |
Branch: |
8.0-web-widget-x2many-2d-matrix-freeze |
Repository: |
sunflowerit/web |
Dependencies: |
web,
and
web_widget_x2many_2d_matrix |
Languages: |
CSS (46, 12.3%),
JavaScript (178, 47.6%),
Python (49, 13.1%),
XML (76, 20.3%),
and
reStructuredText (25, 6.7%) |
<a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.svg">
</a>
<a name="web-freeze-table-columns-and-rows-on-matrix-view"></a>
<h2>Web freeze table columns and rows on matrix view</h2>
<p>This module extends the functionality of <cite>web_widget_x2many_2d_matrix</cite>
to add the option of making the first matrix column or row sticky,
for easy viewing when user scrolls through the matrix.</p>
<a name="usage"></a>
<h3>Usage</h3>
<p>On the field definition, add sticky="true" option to enable stickiness on the matrix:</p>
<pre>
<code><field name="planning_ids" widget="widget="x2many_2d_matrix" ... sticky="True"/></code>
</pre>
<p>When user navigates to the matrix view, the table header and first column are frozen
on X and Y axis scroll.</p>
<p>It is possible to specify how many columns to stick by configuring it:</p>
<pre>
<code><field ... sticky="True" sticky_x="2"/></code>
</pre>
<a name="credits"></a>
<h3>Credits</h3>
<p>Uses library jquery.stickytableheaders.js by Jonas Mosbech
(<a class="reference external" href="https://github.com/jmosbech/StickyTableHeaders">https://github.com/jmosbech/StickyTableHeaders</a>)</p>
<a name="contributors"></a>
<h4>Contributors</h4>
<ul class="simple">
<li>Terrence Nzaywa, Sunflower IT <<a class="reference external" href="mailto:terrence@sunflowerweb.nl">terrence@sunflowerweb.nl</a>></li>
<li>Tom Blauwendraat, Sunflower IT <<a class="reference external" href="mailto:tom@sunflowerweb.nl">tom@sunflowerweb.nl</a>></li>
</ul>
<a name="maintainer"></a>
<h4>Maintainer</h4>
<p>This module is maintained by Therp BV <<a class="reference external" href="https://therp.nl/">https://therp.nl/</a>></p>