Dev Faq
0
votes

Comment calculer la table dynamique chaque ligne totale

J'essaie de montrer la déclaration de transaction et j'ajoute que je ajoute le montant du crédit de chaque Table TR et d'essayer de montrer la colonne Balance et en cas de déduction de débit de solde et d'afficher dans la colonne Solde, mais quand je suis en essayant de réaliser ces éléments montrant l'équilibre comme l'infini. S'il vous plaît voir mon extrait et dites-moi ce que je fais mal.

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="cbtn-selectors" class="table table-striped table-bordered nowrap">
    <thead>
        <tr>
            <th>Contest name</th>
            <th>Type</th>
            <th>Cr amount</th>
            <th>Dr amount</th>
            <th>Balance</th>
            <th>Date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td> new test contest</td>
            <td>cr</td>
            <td class="cr"> 500 .00 </td>
            <td class="dr"> 0.00 </td>
            <td class="total">0.00</td>
            <td>27th Dec 2018</td>
        </tr>
        <tr>
            <td> new test contest</td>
            <td>dr</td>
            <td class="cr"> 0.00 </td>
            <td class="dr"> 500 .00 </td>
            <td class="total">0.00</td>
            <td>01st Jan 1970</td>
        </tr>
        <tr>
            <td> new test contest</td>
            <td>cr</td>
            <td class="cr"> 500 .00 </td>
            <td class="dr"> 0.00 </td>
            <td class="total">0.00</td>
            <td>28th Dec 2018</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th></th>
            <th></th>
            <th>Total:-<span class="crt"> </span></th>
            <th>Total:-<span class="drt"> </span></th>
            <th>Total:-<span class="collectedt"> </span></th>
            <th></th>

        </tr>
    </tfoot>
</table>

0 commentaires

3 Réponses :

1
votes

Vous devez rechercher un élément spécifique à l'intérieur du tr code> que vous avez, à l'aide de Rechercher () code> sur le code> TR actuel code> Vous êtes itération (dans cette Cas: Ceci code>). Parce qu'utiliser $ (...) code> correspondra à tous les éléments de la même classe et permettra à votre code d'échec sur la compréhension de la valeur qu'il devrait utiliser pour calculer.

Vérifiez ci-dessous le code et voir si cela vous aide. p>

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="cbtn-selectors" class="table table-striped table-bordered nowrap">
    <thead>
        <tr>
            <th>Contest name</th>
            <th>Type</th>
            <th>Cr amount</th>
            <th>Dr amount</th>
            <th>Balance</th>
            <th>Date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td> new test contest</td>
            <td>cr</td>
            <td class="cr"> 500 .00 </td>
            <td class="dr"> 0.00 </td>
            <td class="total">0.00</td>
            <td>27th Dec 2018</td>
        </tr>
        <tr>
            <td> new test contest</td>
            <td>dr</td>
            <td class="cr"> 0.00 </td>
            <td class="dr"> 500 .00 </td>
            <td class="total">0.00</td>
            <td>01st Jan 1970</td>
        </tr>
        <tr>
            <td> new test contest</td>
            <td>cr</td>
            <td class="cr"> 500 .00 </td>
            <td class="dr"> 0.00 </td>
            <td class="total">0.00</td>
            <td>28th Dec 2018</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th></th>
            <th></th>
            <th>Total:-<span class="crt"> </span></th>
            <th>Total:-<span class="drt"> </span></th>
            <th>Total:-<span class="collectedt"> </span></th>
            <th></th>

        </tr>
    </tfoot>
</table>

1 commentaires

Merci pour la réponse, Calvin Je souhaite prendre le montant du solde de la ligne précédente et ajouter ou déduire en fonction du montant du crédit et du débit

1
votes

Couple de choses:

  • TYPO IN $ ('. BR') code>, il devrait être $ ('. dr') code> li> li>
  • Vous ne passez pas de contexte tout en sélectionnant des éléments, par conséquent, le premier élément de correspondance d'élément sera sélectionné. Dans jQuery code> sélecteur, le deuxième argument pourrait être transmis sous le nom Context Code> Par conséquent, la sélection de l'élément sera du contexte fourni. LI> ul>

    p> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<table id="cbtn-selectors" class="table table-striped table-bordered nowrap">
  <thead>
    <tr>
      <th>Contest name</th>
      <th>Type</th>
      <th>Cr amount</th>
      <th>Dr amount</th>
      <th>Balance</th>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> new test contest</td>
      <td>cr</td>
      <td class="cr"> 500 .00 </td>
      <td class="dr"> 0.00 </td>
      <td class="total">0.00</td>
      <td>27th Dec 2018</td>
    </tr>
    <tr>
      <td> new test contest</td>
      <td>dr</td>
      <td class="cr"> 0.00 </td>
      <td class="dr"> 500 .00 </td>
      <td class="total">0.00</td>
      <td>01st Jan 1970</td>
    </tr>
    <tr>
      <td> new test contest</td>
      <td>cr</td>
      <td class="cr"> 500 .00 </td>
      <td class="dr"> 0.00 </td>
      <td class="total">0.00</td>
      <td>28th Dec 2018</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th></th>
      <th></th>
      <th>Total:-<span class="crt"> </span></th>
      <th>Total:-<span class="drt"> </span></th>
      <th>Total:-<span class="collectedt"> </span></th>
      <th></th>

    </tr>
  </tfoot>
</table>

2 commentaires

Rayon, je viens de vérifier votre réponse montrant la colonne CR dans la colonne Balance mais je veux quelque chose comme un relevé bancaire, aidez-moi s'il vous plaît

@NithishPK - cela n'est pas mentionné dans votre déclaration de problème. Je ne suis pas sûr que voulez-vous dire par relevé bancaire ..

0
votes

Enfin, j'ai compris ici est la réponse qui pourrait aider quelqu'un

p> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="cbtn-selectors" class="table table-striped table-bordered nowrap">
    <thead>
        <tr>
            <th>Contest name</th>
            <th>Type</th>
            <th>Cr amount</th>
            <th>Dr amount</th>
            <th>Balance</th>
            <th>Date</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td> new test contest</td>
            <td>cr</td>
            <td class="cr"> 500 .00 </td>
            <td class="dr"> 0.00 </td>
            <td class="total">0.00</td>
            <td>27th Dec 2018</td>
        </tr>
        <tr>
            <td> new test contest</td>
            <td>dr</td>
            <td class="cr"> 0.00 </td>
            <td class="dr"> 500 .00 </td>
            <td class="total">0.00</td>
            <td>01st Jan 1970</td>
        </tr>
        <tr>
            <td> new test contest</td>
            <td>cr</td>
            <td class="cr"> 500 .00 </td>
            <td class="dr"> 0.00 </td>
            <td class="total">0.00</td>
            <td>28th Dec 2018</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th></th>
            <th></th>
            <th>Total:-<span class="crt"> </span></th>
            <th>Total:-<span class="drt"> </span></th>
            <th>Total:-<span class="collectedt"> </span></th>
            <th></th>

        </tr>
    </tfoot>
</table>

0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO