बूटस्ट्रैप HTML तालिका में firestore से डेटा प्रदर्शित

वोट
1

मैं अपने से डेटा प्रदर्शित करना चाहते हैं CoverTransaction एक बूटस्ट्रैप तालिका में संग्रह। हालांकि डेटा सही ढंग से लिया गया है (कंसोल में प्रदर्शित), लेकिन जैसे बूटस्ट्रैप सुविधाओं शो प्रविष्टियों, पृष्ठांकन काम नहीं करने के लिए जब मैं firestore से डेटा लोड लगता है। बूटस्ट्रैप तालिकाओं इस के लिए कारण का उपयोग कर है?

const coverTransTableBody = document.getElementById('coverTrans_fields');

CoverTransactionRef.get().then(snapshot => {
  var content = '';

  snapshot.docs.forEach(doc => {

    var coverSummary = doc.data();
    console.log(coverSummary);
    let html = `<tr>
            <td>${doc.id}</td>
            <td>${coverSummary.ReceiptNo}</td>
            <td>${coverSummary.TransType}</td>
            <td>${coverSummary.OpenStock}</td>
            <td>${coverSummary.TotalQty}</td>
            <td>${coverSummary.ClosingStock}</td>
            </tr>`;
    content += html;
    coverTransTableBody.innerHTML = content;

  }, error => {
    console.log(error.message);
  });
});
<!-- Jquery DataTable Plugin Js -->
<script src=plugins/jquery-datatable/jquery.dataTables.js></script>
<script src=plugins/jquery-datatable/skin/bootstrap/js/dataTables.bootstrap.js></script>
<script src=js/pages/tables/jquery-datatable.js></script>

<div class=table-responsive>
  <table id=tabel_CoverTrans_details class=table table-bordered table-striped table-hover js-basic-example dataTable>
    <thead>
      <tr>
        <th>Date & Time</th>
        <th>Receipt No</th>
        <th>Rec/Iss</th>
        <th>Open Stock</th>
        <th>Total Qty</th>
        <th>Closing Stock</th>
      </tr>
    </thead>
    <tbody id=coverTrans_fields>
    </tbody>
  </table>
</div>

09/10/2019 को 13:01
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
-1

आप अपने HTML फ़ाइल में बूटस्ट्रैप निर्भरता को जोड़ने की आवश्यकता हो सकती है।

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"> </script>

मुझे पता है अगर यह काम करता है।

09/10/2019 को 13:30
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more