javascript - 为什么我的整个表没有在 javascript jquery 中打印

标签 javascript jquery html css

我在打印整个时遇到问题我可以打印但只能打印其中的一部分?为什么。

我有两个问题:

  1. 整个表不打印,部分打印
  2. 从我的主要 dom页面 发送状态发送报价 .. 被删除 onclickPrint Table 即使我已经clone 到一个 variable 来操作它。

jsfiddle: https://jsfiddle.net/uuxjv8s0/11/

(请参阅 JSFIDDLE,因为下面的代码段不起作用)

  
  $('#printThatTable').click(function(){
      var cloned = $('#examples').clone();


  cloned.find('a').each(function(){
    $('.excludeAction').remove();
    $(this).remove();
  });


cloned.printThis({
			    debug: false,               // show the iframe for debugging
			    importCSS: true,            // import page CSS
			    importStyle: false,         // import style tags
			    printContainer: true,       // grab outer container as well as the contents of the selector
			    loadCSS: "path/to/my.css",  // path to additional css file - use an array [] for multiple
			    pageTitle: "",              // add title to print page
			    removeInline: false,        // remove all inline styles from print elements
			    printDelay: 333,            // variable print delay; depending on complexity a higher value may be necessary
			    header: null,               // prefix to html
			    footer: null,               // postfix to html
			    base: false ,               // preserve the BASE tag, or accept a string for the URL
			    formValues: true,           // preserve input/form values
			    canvas: false,              // copy canvas elements (experimental)
			    doctypeString: "...",       // enter a different doctype for older markup
			    removeScripts: false,       // remove script tags from print content
			    copyTagClasses: false       // copy classes from the html & body tag
			});
  });
     	th{background-color:#f5f5fa;}

			td{background-color:white;}

			textarea{
				overflow: hidden;
			}
 form {
          margin: 0;
          padding: 0;
          display: -webkit-inline-box;   
      }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/printThis/1.12.2/printThis.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<a href="#" class="btn btn-warning" id="printThatTable">Print Table</a>

<table class="table table-boardered" id="examples">
  <thead class="thead-dark">
    <tr>
 <th>Id</th>

<th>Customer Name</th>

<th>Description</th>
<th>Order Number</th>

<th>PO Number</th>
<th>Quantity</th>
<th>Due Date</th>
<th>Billing Address</th>
<th>Shipping Address</th>
<th>Installing Address</th>
<th>Design</th>
<th>Production</th>
<th>Shipping</th>
<th>Install</th>
<th>Production Manager</th>
<th>Project manager</th>
<th>Sales Representatives</th>
<th>Shipping Method</th>


<th>Created At</th>

<th>Status</th>    
<td style="display:none;"></td>
</tr>
  </thead>

  <tbody>

     

 <tr id="deletetr22"> 

	<td class="notIdClass">AnsAhKR</td>

	<td class="editableDataClass" data-edit="22" data-table="customer_name">Raj Laxmi</td>
	
	<td class="editableDataClass" data-edit="22" data-table="description">45x56 led board</td>
	<td class="editableDataClass" data-edit="22" data-table="order_number">2164</td>
	
	<td class="editableDataClass" data-edit="22" data-table="po_number">45231</td>
	<td class="editableDataClass" data-edit="22" data-table="quantity"></td>
	<td class="editableDataClass" data-edit="22" data-table="due_date">2018/01/15 16:23</td>
	<td class="editableDataClass" data-edit="22" data-table="billing_address">#141 narasipura bangalore&nbsp;- 560097</td>
	<td class="editableDataClass" data-edit="22" data-table="shipping_address">shipping address bangalore</td>
	<td class="editableDataClass" data-edit="22" data-table="installing_address"></td>
	<td class="editableDataClass" data-edit="22" data-table="design">45x56 led board, 18x90 flex, 500 brouchers</td>
	<td class="editableDataClass" data-edit="22" data-table="production">back and front board 2 side</td>
	<td class="editableDataClass" data-edit="22" data-table="shipping">Call before installing</td>
	<td class="editableDataClass" data-edit="22" data-table="install">he needs to get installed on 17th - Jan-2018</td>
	<td class="editableDataClass" data-edit="22" data-table="production_manager">Saif</td>
	<td class="editableDataClass" data-edit="22" data-table="project_manager">Hemanth</td>
	<td class="editableDataClass" data-edit="22" data-table="sales_representative"></td>
	<td class="editableDataClass" data-edit="22" data-table="shipping_method">mini truck</td>
	





	<td data-table="workflow" style="color:#0277bd">17-01-2018</td>



	


    <td class="statusNotClass">

      <p><span style="color:#ff9800;">Old : </span><strong>pending</strong></p>        
       <select data-edit="22" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

    </td>

<td>
 </td></tr></tbody><thead id="alsoDeleteThead22" class="thead-dark excludeAction" style="background-color: !important;">
    <tr><th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

      <th colspan="50 ">


      
    <a> <form action="http://localhost:8000/send_customer_status" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="22">
        <input type="hidden" name="customer_id" value="12">
        <button class="btn btn-danger send-status statusAlreadySent" title="Status Sent On - 2018-01-16 17:28:00">Send Status </button>
     </form></a>
     

     <a><form action="http://localhost:8000/send_customer_quotation" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="22">
        <input type="hidden" name="customer_id" value="12">
        <button class="btn btn-danger send-status statusAlreadySent" title="Status Sent On - 2018-01-16 17:28:00">Send Quotation</button>
      </form></a>

     <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
     <a href="#" class="btn btn-danger  delete-customer" data-delete="22">Delete</a></th>
   

  
  </tr></thead>
 

	    

      

 <tbody><tr id="deletetr21"> 

	<td class="notIdClass">2PslfYy</td>

	<td class="editableDataClass" data-edit="21" data-table="customer_name">dsndfbbd ejaz</td>
	
	<td class="editableDataClass" data-edit="21" data-table="description"></td>
	<td class="editableDataClass" data-edit="21" data-table="order_number">2061</td>
	
	<td class="editableDataClass" data-edit="21" data-table="po_number"></td>
	<td class="editableDataClass" data-edit="21" data-table="quantity"></td>
	<td class="editableDataClass" data-edit="21" data-table="due_date"></td>
	<td class="editableDataClass" data-edit="21" data-table="billing_address"></td>
	<td class="editableDataClass" data-edit="21" data-table="shipping_address"></td>
	<td class="editableDataClass" data-edit="21" data-table="installing_address"></td>
	<td class="editableDataClass" data-edit="21" data-table="design"></td>
	<td class="editableDataClass" data-edit="21" data-table="production"></td>
	<td class="editableDataClass" data-edit="21" data-table="shipping"></td>
	<td class="editableDataClass" data-edit="21" data-table="install"></td>
	<td class="editableDataClass" data-edit="21" data-table="production_manager"></td>
	<td class="editableDataClass" data-edit="21" data-table="project_manager"></td>
	<td class="editableDataClass" data-edit="21" data-table="sales_representative"></td>
	<td class="editableDataClass" data-edit="21" data-table="shipping_method"></td>
	





	<td data-table="workflow" style="color:#0277bd">16-01-2018</td>



	


    <td class="statusNotClass">

      <p><span style="color:#ff9800;">Old : </span><strong>pending</strong></p>        
       <select data-edit="21" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

    </td>

<td>
 </td></tr></tbody><thead id="alsoDeleteThead21" class="thead-dark excludeAction" style="background-color: !important;">
    <tr><th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

      <th colspan="50 ">


      
    <a> <form action="http://localhost:8000/send_customer_status" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="21">
        <input type="hidden" name="customer_id" value="9">
        <button class="btn btn-danger send-status " title="Status Sent On - ">Send Status </button>
     </form></a>
     

     <a><form action="http://localhost:8000/send_customer_quotation" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="21">
        <input type="hidden" name="customer_id" value="9">
        <button class="btn btn-danger send-status " title="Status Sent On - ">Send Quotation</button>
      </form></a>

     <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
     <a href="#" class="btn btn-danger  delete-customer" data-delete="21">Delete</a></th>
   

  
  </tr></thead>
 

	    

      

 <tbody><tr id="deletetr20"> 

	<td class="notIdClass">lNsbTEo</td>

	<td class="editableDataClass" data-edit="20" data-table="customer_name">eweeedm</td>
	
	<td class="editableDataClass" data-edit="20" data-table="description">fdvjhdhd</td>
	<td class="editableDataClass" data-edit="20" data-table="order_number">1958</td>
	
	<td class="editableDataClass" data-edit="20" data-table="po_number">445</td>
	<td class="editableDataClass" data-edit="20" data-table="quantity">3</td>
	<td class="editableDataClass" data-edit="20" data-table="due_date">2018/01/27 17:03</td>
	<td class="editableDataClass" data-edit="20" data-table="billing_address">fnhbbhf</td>
	<td class="editableDataClass" data-edit="20" data-table="shipping_address">shipping address by me</td>
	<td class="editableDataClass" data-edit="20" data-table="installing_address">installing address</td>
	<td class="editableDataClass" data-edit="20" data-table="design">design</td>
	<td class="editableDataClass" data-edit="20" data-table="production">production</td>
	<td class="editableDataClass" data-edit="20" data-table="shipping">shipping</td>
	<td class="editableDataClass" data-edit="20" data-table="install">install</td>
	<td class="editableDataClass" data-edit="20" data-table="production_manager">production manager</td>
	<td class="editableDataClass" data-edit="20" data-table="project_manager">project manager</td>
	<td class="editableDataClass" data-edit="20" data-table="sales_representative">kfgkk</td>
	<td class="editableDataClass" data-edit="20" data-table="shipping_method">shipping method</td>
	





	<td data-table="workflow" style="color:#0277bd">16-01-2018</td>



	


    <td class="statusNotClass">

      <p><span style="color:#ff9800;">Old : </span><strong>completed</strong></p>        
       <select data-edit="20" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

    </td>

<td>
 </td></tr></tbody><thead id="alsoDeleteThead20" class="thead-dark excludeAction" style="background-color: !important;">
    <tr><th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

      <th colspan="50 ">


      
    <a> <form action="http://localhost:8000/send_customer_status" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="20">
        <input type="hidden" name="customer_id" value="10">
        <button class="btn btn-danger send-status " title="Status Sent On - ">Send Status </button>
     </form></a>
     

     <a><form action="http://localhost:8000/send_customer_quotation" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="20">
        <input type="hidden" name="customer_id" value="10">
        <button class="btn btn-danger send-status " title="Status Sent On - ">Send Quotation</button>
      </form></a>

     <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
     <a href="#" class="btn btn-danger  delete-customer" data-delete="20">Delete</a></th>
   

  
  </tr></thead>
 

	    

      

 <tbody><tr id="deletetr17"> 

	<td class="notIdClass">rNsqS7g</td>

	<td class="editableDataClass" data-edit="17" data-table="customer_name">Huli Mavu nv</td>
	
	<td class="editableDataClass" data-edit="17" data-table="description">ejaz anwar kappa</td>
	<td class="editableDataClass" data-edit="17" data-table="order_number">4374</td>
	
	<td class="editableDataClass" data-edit="17" data-table="po_number"></td>
	<td class="editableDataClass" data-edit="17" data-table="quantity">45</td>
	<td class="editableDataClass" data-edit="17" data-table="due_date">2017/12/30 12:38</td>
	<td class="editableDataClass" data-edit="17" data-table="billing_address">d nddne</td>
	<td class="editableDataClass" data-edit="17" data-table="shipping_address">erjnherherh</td>
	<td class="editableDataClass" data-edit="17" data-table="installing_address">ehererhherh</td>
	<td class="editableDataClass" data-edit="17" data-table="design">ddnbbehberh</td>
	<td class="editableDataClass" data-edit="17" data-table="production">nfddfndfdfn</td>
	<td class="editableDataClass" data-edit="17" data-table="shipping">fdnndfndfndf</td>
	<td class="editableDataClass" data-edit="17" data-table="install">ndndndf</td>
	<td class="editableDataClass" data-edit="17" data-table="production_manager">sdn bbdfb</td>
	<td class="editableDataClass" data-edit="17" data-table="project_manager">nf dbhdfdfbb</td>
	<td class="editableDataClass" data-edit="17" data-table="sales_representative">ndfbfbdfb</td>
	<td class="editableDataClass" data-edit="17" data-table="shipping_method">dfnbdfdf</td>
	





	<td data-table="workflow" style="color:#0277bd">16-01-2018</td>



	


    <td class="statusNotClass">

      <p><span style="color:#ff9800;">Old : </span><strong>progress</strong></p>        
       <select data-edit="17" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

    </td>

<td>
 </td></tr></tbody><thead id="alsoDeleteThead17" class="thead-dark excludeAction" style="background-color: !important;">
    <tr><th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

      <th colspan="50 ">


      
    <a> <form action="http://localhost:8000/send_customer_status" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="17">
        <input type="hidden" name="customer_id" value="10">
        <button class="btn btn-danger send-status " title="Status Sent On - ">Send Status </button>
     </form></a>
     

     <a><form action="http://localhost:8000/send_customer_quotation" method="POST">
         <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
        <input type="hidden" name="job_id" value="17">
        <input type="hidden" name="customer_id" value="10">
        <button class="btn btn-danger send-status " title="Status Sent On - ">Send Quotation</button>
      </form></a>

     <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
     <a href="#" class="btn btn-danger  delete-customer" data-delete="17">Delete</a></th>
   

  
  </tr></thead>
 
</table>

请帮助我解决上述问题以获得解决方案,在此先感谢!!!

最佳答案

试试这个

  $("#printThatTable").click(function() {
      print()
  });

$(document).ready(function() {
  $("#printThatTable").click(function() {
    print()
  });
});
th {
  background-color: #f5f5fa;
}

td {
  background-color: white;
}

textarea {
  overflow: hidden;
}

form {
  margin: 0;
  padding: 0;
  display: -webkit-inline-box;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/printThis/1.12.2/printThis.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<body>
  <a href="#" class="btn btn-warning" id="printThatTable">Print Table</a>

  <table class="table table-boardered" id="examples">
    <thead class="thead-dark">
      <tr>
        <th>Id</th>

        <th>Customer Name</th>

        <th>Description</th>
        <th>Order Number</th>

        <th>PO Number</th>
        <th>Quantity</th>
        <th>Due Date</th>
        <th>Billing Address</th>
        <th>Shipping Address</th>
        <th>Installing Address</th>
        <th>Design</th>
        <th>Production</th>
        <th>Shipping</th>
        <th>Install</th>
        <th>Production Manager</th>
        <th>Project manager</th>
        <th>Sales Representatives</th>
        <th>Shipping Method</th>


        <th>Created At</th>

        <th>Status</th>
        <td style="display:none;"></td>
      </tr>
    </thead>

    <tbody>



      <tr id="deletetr22">

        <td class="notIdClass">AnsAhKR</td>

        <td class="editableDataClass" data-edit="22" data-table="customer_name">Raj Laxmi</td>

        <td class="editableDataClass" data-edit="22" data-table="description">45x56 led board</td>
        <td class="editableDataClass" data-edit="22" data-table="order_number">2164</td>

        <td class="editableDataClass" data-edit="22" data-table="po_number">45231</td>
        <td class="editableDataClass" data-edit="22" data-table="quantity"></td>
        <td class="editableDataClass" data-edit="22" data-table="due_date">2018/01/15 16:23</td>
        <td class="editableDataClass" data-edit="22" data-table="billing_address">#141 narasipura bangalore&nbsp;- 560097</td>
        <td class="editableDataClass" data-edit="22" data-table="shipping_address">shipping address bangalore</td>
        <td class="editableDataClass" data-edit="22" data-table="installing_address"></td>
        <td class="editableDataClass" data-edit="22" data-table="design">45x56 led board, 18x90 flex, 500 brouchers</td>
        <td class="editableDataClass" data-edit="22" data-table="production">back and front board 2 side</td>
        <td class="editableDataClass" data-edit="22" data-table="shipping">Call before installing</td>
        <td class="editableDataClass" data-edit="22" data-table="install">he needs to get installed on 17th - Jan-2018</td>
        <td class="editableDataClass" data-edit="22" data-table="production_manager">Saif</td>
        <td class="editableDataClass" data-edit="22" data-table="project_manager">Hemanth</td>
        <td class="editableDataClass" data-edit="22" data-table="sales_representative"></td>
        <td class="editableDataClass" data-edit="22" data-table="shipping_method">mini truck</td>






        <td data-table="workflow" style="color:#0277bd">17-01-2018</td>






        <td class="statusNotClass">

          <p><span style="color:#ff9800;">Old : </span><strong>pending</strong></p>
          <select data-edit="22" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

        </td>

        <td>
        </td>
      </tr>
    </tbody>
    <thead id="alsoDeleteThead22" class="thead-dark excludeAction" style="background-color: !important;">
      <tr>
        <th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

        <th colspan="50 ">



          <a>
            <form action="http://localhost:8000/send_customer_status" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="22">
              <input type="hidden" name="customer_id" value="12">
              <button class="btn btn-danger send-status statusAlreadySent" title="Status Sent On - 2018-01-16 17:28:00">Send Status </button>
            </form>
          </a>


          <a>
            <form action="http://localhost:8000/send_customer_quotation" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="22">
              <input type="hidden" name="customer_id" value="12">
              <button class="btn btn-danger send-status statusAlreadySent" title="Status Sent On - 2018-01-16 17:28:00">Send Quotation</button>
            </form>
          </a>

          <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
          <a href="#" class="btn btn-danger  delete-customer" data-delete="22">Delete</a></th>



      </tr>
    </thead>






    <tbody>
      <tr id="deletetr21">

        <td class="notIdClass">2PslfYy</td>

        <td class="editableDataClass" data-edit="21" data-table="customer_name">dsndfbbd ejaz</td>

        <td class="editableDataClass" data-edit="21" data-table="description"></td>
        <td class="editableDataClass" data-edit="21" data-table="order_number">2061</td>

        <td class="editableDataClass" data-edit="21" data-table="po_number"></td>
        <td class="editableDataClass" data-edit="21" data-table="quantity"></td>
        <td class="editableDataClass" data-edit="21" data-table="due_date"></td>
        <td class="editableDataClass" data-edit="21" data-table="billing_address"></td>
        <td class="editableDataClass" data-edit="21" data-table="shipping_address"></td>
        <td class="editableDataClass" data-edit="21" data-table="installing_address"></td>
        <td class="editableDataClass" data-edit="21" data-table="design"></td>
        <td class="editableDataClass" data-edit="21" data-table="production"></td>
        <td class="editableDataClass" data-edit="21" data-table="shipping"></td>
        <td class="editableDataClass" data-edit="21" data-table="install"></td>
        <td class="editableDataClass" data-edit="21" data-table="production_manager"></td>
        <td class="editableDataClass" data-edit="21" data-table="project_manager"></td>
        <td class="editableDataClass" data-edit="21" data-table="sales_representative"></td>
        <td class="editableDataClass" data-edit="21" data-table="shipping_method"></td>






        <td data-table="workflow" style="color:#0277bd">16-01-2018</td>






        <td class="statusNotClass">

          <p><span style="color:#ff9800;">Old : </span><strong>pending</strong></p>
          <select data-edit="21" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

        </td>

        <td>
        </td>
      </tr>
    </tbody>
    <thead id="alsoDeleteThead21" class="thead-dark excludeAction" style="background-color: !important;">
      <tr>
        <th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

        <th colspan="50 ">



          <a>
            <form action="http://localhost:8000/send_customer_status" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="21">
              <input type="hidden" name="customer_id" value="9">
              <button class="btn btn-danger send-status " title="Status Sent On - ">Send Status </button>
            </form>
          </a>


          <a>
            <form action="http://localhost:8000/send_customer_quotation" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="21">
              <input type="hidden" name="customer_id" value="9">
              <button class="btn btn-danger send-status " title="Status Sent On - ">Send Quotation</button>
            </form>
          </a>

          <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
          <a href="#" class="btn btn-danger  delete-customer" data-delete="21">Delete</a></th>



      </tr>
    </thead>






    <tbody>
      <tr id="deletetr20">

        <td class="notIdClass">lNsbTEo</td>

        <td class="editableDataClass" data-edit="20" data-table="customer_name">eweeedm</td>

        <td class="editableDataClass" data-edit="20" data-table="description">fdvjhdhd</td>
        <td class="editableDataClass" data-edit="20" data-table="order_number">1958</td>

        <td class="editableDataClass" data-edit="20" data-table="po_number">445</td>
        <td class="editableDataClass" data-edit="20" data-table="quantity">3</td>
        <td class="editableDataClass" data-edit="20" data-table="due_date">2018/01/27 17:03</td>
        <td class="editableDataClass" data-edit="20" data-table="billing_address">fnhbbhf</td>
        <td class="editableDataClass" data-edit="20" data-table="shipping_address">shipping address by me</td>
        <td class="editableDataClass" data-edit="20" data-table="installing_address">installing address</td>
        <td class="editableDataClass" data-edit="20" data-table="design">design</td>
        <td class="editableDataClass" data-edit="20" data-table="production">production</td>
        <td class="editableDataClass" data-edit="20" data-table="shipping">shipping</td>
        <td class="editableDataClass" data-edit="20" data-table="install">install</td>
        <td class="editableDataClass" data-edit="20" data-table="production_manager">production manager</td>
        <td class="editableDataClass" data-edit="20" data-table="project_manager">project manager</td>
        <td class="editableDataClass" data-edit="20" data-table="sales_representative">kfgkk</td>
        <td class="editableDataClass" data-edit="20" data-table="shipping_method">shipping method</td>






        <td data-table="workflow" style="color:#0277bd">16-01-2018</td>






        <td class="statusNotClass">

          <p><span style="color:#ff9800;">Old : </span><strong>completed</strong></p>
          <select data-edit="20" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

        </td>

        <td>
        </td>
      </tr>
    </tbody>
    <thead id="alsoDeleteThead20" class="thead-dark excludeAction" style="background-color: !important;">
      <tr>
        <th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

        <th colspan="50 ">



          <a>
            <form action="http://localhost:8000/send_customer_status" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="20">
              <input type="hidden" name="customer_id" value="10">
              <button class="btn btn-danger send-status " title="Status Sent On - ">Send Status </button>
            </form>
          </a>


          <a>
            <form action="http://localhost:8000/send_customer_quotation" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="20">
              <input type="hidden" name="customer_id" value="10">
              <button class="btn btn-danger send-status " title="Status Sent On - ">Send Quotation</button>
            </form>
          </a>

          <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
          <a href="#" class="btn btn-danger  delete-customer" data-delete="20">Delete</a></th>



      </tr>
    </thead>






    <tbody>
      <tr id="deletetr17">

        <td class="notIdClass">rNsqS7g</td>

        <td class="editableDataClass" data-edit="17" data-table="customer_name">Huli Mavu nv</td>

        <td class="editableDataClass" data-edit="17" data-table="description">ejaz anwar kappa</td>
        <td class="editableDataClass" data-edit="17" data-table="order_number">4374</td>

        <td class="editableDataClass" data-edit="17" data-table="po_number"></td>
        <td class="editableDataClass" data-edit="17" data-table="quantity">45</td>
        <td class="editableDataClass" data-edit="17" data-table="due_date">2017/12/30 12:38</td>
        <td class="editableDataClass" data-edit="17" data-table="billing_address">d nddne</td>
        <td class="editableDataClass" data-edit="17" data-table="shipping_address">erjnherherh</td>
        <td class="editableDataClass" data-edit="17" data-table="installing_address">ehererhherh</td>
        <td class="editableDataClass" data-edit="17" data-table="design">ddnbbehberh</td>
        <td class="editableDataClass" data-edit="17" data-table="production">nfddfndfdfn</td>
        <td class="editableDataClass" data-edit="17" data-table="shipping">fdnndfndfndf</td>
        <td class="editableDataClass" data-edit="17" data-table="install">ndndndf</td>
        <td class="editableDataClass" data-edit="17" data-table="production_manager">sdn bbdfb</td>
        <td class="editableDataClass" data-edit="17" data-table="project_manager">nf dbhdfdfbb</td>
        <td class="editableDataClass" data-edit="17" data-table="sales_representative">ndfbfbdfb</td>
        <td class="editableDataClass" data-edit="17" data-table="shipping_method">dfnbdfdf</td>






        <td data-table="workflow" style="color:#0277bd">16-01-2018</td>






        <td class="statusNotClass">

          <p><span style="color:#ff9800;">Old : </span><strong>progress</strong></p>
          <select data-edit="17" data-table="status" class="defineWorkflow">  
            <option value="">-- Select --</option>
            <option value="progress">Progress</option>
            <option value="pending">Pending</option>
            <option value="completed">Completed</option>  
        </select>

        </td>

        <td>
        </td>
      </tr>
    </tbody>
    <thead id="alsoDeleteThead17" class="thead-dark excludeAction" style="background-color: !important;">
      <tr>
        <th style="width: 100% !important">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Edit Option</th>

        <th colspan="50 ">



          <a>
            <form action="http://localhost:8000/send_customer_status" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="17">
              <input type="hidden" name="customer_id" value="10">
              <button class="btn btn-danger send-status " title="Status Sent On - ">Send Status </button>
            </form>
          </a>


          <a>
            <form action="http://localhost:8000/send_customer_quotation" method="POST">
              <input type="hidden" name="_token" value="nyUNxzIzFc4TJukPX8EGmPLvQGLf5Vu2HzR0yxVz">
              <input type="hidden" name="job_id" value="17">
              <input type="hidden" name="customer_id" value="10">
              <button class="btn btn-danger send-status " title="Status Sent On - ">Send Quotation</button>
            </form>
          </a>

          <a href="#" class="btn btn-danger  send-invoice">Send in Voice</a>
          <a href="#" class="btn btn-danger  delete-customer" data-delete="17">Delete</a></th>



      </tr>
    </thead>

  </table>
</body>

关于javascript - 为什么我的整个表没有在 javascript jquery 中打印,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48315857/

相关文章:

javascript - 当整个应用程序崩溃时如何通知 FxOS 应用程序

javascript - 如何在Angularjs中设计下表

javascript - 我无法从第一个 "/"路由到模板。我该如何解决这个问题?

JavaScript 与 'this' 引用冲突

jquery - 在没有过渡的情况下更改一些 CSS 值,然后在更改后立即使用过渡

css - 为什么段落右侧有额外空间?

javascript - 使用 css 自定义宽度

javascript - jQuery 验证 - 如何显示错误时的默认标注?

javascript - 在缓存页面上触发 Javascript?

javascript - 使用 $.when 等待函数完成