Working on my Symfony project, I frequently need to display various views in table format.
I wish I could easily update the data by clicking on table cells, entering new information, and saving it dynamically.
After exploring jqGrid, DataTable with jEditable, I found that none of these options provide a straightforward way to integrate with jQuery.
To address this challenge, I created a custom view where a form replaces a row when clicked, but this approach is quite specific, and now I'm looking for a more versatile solution since I need similar functionality for other elements as well.
Is there a recommended best practice for handling this in Symfony? Should I consider using Angular or React for this task? What would be the optimal approach?
My ideal solution would involve automatically identifying the field being edited, making changes, validating the entity, and returning the updated result.
Here is an excerpt from my custom code:
{% extends ':Template/Backend:backend.html.twig' %}
{% block title_wrapper %}
<div class="row wrapper border-bottom white-bg page-heading">
<div class="col-md-12 col-sm-12">
<h2 class="inline-block">Coûts d'achat</h2>
<span id="header_buttons" class="pull-right">
<a href="{{ path('user_supplier_select') }}" class="btn btn-sm btn-white">Ajouter un fournisseur</a>
</span>
</div>
</div>
{% endblock %}
{% block main %}
<p>Assignez des fournisseurs à vos ingrédients. Vous pourrez ensuite paramétrer le coût d'achat.</p>
<p>L'unité utilisée pour la quantité minimale d'achat est l'unité que vous utilisez pour gérer votre stock. Essayez d'adopter la même que votre fournisseur.</p>
(Code continues...)