是否有表格转换器的div？

我有大量的结构化HTML，我需要将其转换为能够在pdfkit中呈现它。是否有表格转换器的div？

我正在使用pdfkit，它似乎不能很好地与布局配合，但与网格很好地发挥作用。

任何帮助将不胜感激！

<div class="row"> 
       <div class="col-md-10"> 
       <div class="col-md-3 left" style="padding: 20px 0 30px 0; color:#454545; font-family: Arial, sans-serif; font-size: 16px;"> 
        Packages 
       </div> 
       <div class="col-md-9 left" style="padding: 20px 0 30px 0; color:#454545; font-family: Arial, sans-serif; font-size: 16px;"> 
        <h4>User 1 </h4> 
        <div class="row"> 
         <div class="col-md-6"> 
         <p style="padding-left:20px"> 
          Total records <br/> 
          Total cycles <br/> 
          Total records out <br/> 
          Consumable Costs<br/> 
          <br/> 
          Total Artwork Changes <br/> 
          Artwork Change Costs <br/> 
          <br/> 
          <span style="color:green;">Artwork Change Discount </span><br/>        
          Subtotal <br/> 
          Sales Tax 5.5%<br/> 
          <br/> 
          <span style="font-size:18px; font-weight:strong;">Total</span><br/> 

         </p> 
         </div> 
         <div class="col-md-6 left"> 
         <p style="padding-left:20px;"> 
          23,334 <br/> 
          2 <br/> 
          46,668 <br/> 
          $6,445.34<br/> 
          <br/> 
          7 <br/> 
          $700.00 <br/> 
          <br/> 
          <span style="color:green;">-$350.00</span><br/> 
          $6,795.34<br/> 
          $373.74<br/> 
          <br/> 
          <span style="font-size:18px; font-weight:strong;">$6,421.50</span> 
          <br/><br/> 
         </p> 
        </div> 
        </div> 

        <h4>User 2 </h4> 
        <div class="row"> 
         <div class="col-md-6"> 
         <p style="padding-left:20px"> 
          Total records <br/> 
          Total cycles <br/> 
          Total records sent <br/> 
          Consumable Costs<br/> 
          <br/> 
          Total Artwork Changes <br/> 
          Artwork Change Costs <br/> 
          <br/> 
          <span style="color:green;">Artwork Change Discount </span><br/>        
          Subtotal <br/> 
          Sales Tax +5.5%<br/> 
          <br/> 
          <span style="font-size:18px; font-weight:strong;">Total</span><br/> 

         </p> 
         </div> 
         <div class="col-md-6 left"> 
         <p style="padding-left:20px;"> 
          23,334 <br/> 
          2 <br/> 
          46,668 <br/> 
          $6,445.34<br/> 
          <br/> 
          7 <br/> 
          $700.00 <br/> 
          <br/> 
          <span style="color:green;">-$350.00</span><br/> 
          $6,795.34<br/> 
          $373.74<br/> 
          <br/> 
          <span style="font-size:18px; font-weight:strong;">$6,421.50</span> 
          <br/><br/> 
         </p>       
        </div> 
        </div> 
       </div> 
       </div> 
      </div>

来源

2017-04-11 cph

请问您可以发布任何示例代码吗？您可能希望从https://datatables.net/ – Adam

这样的API开始，@Adam添加了一些示例。有很多的变化，所以采取这一点，并乘以像100. Arg。 – cph

我对此非常感兴趣，因为我有这个需求，并且找不到一个将基于div的表格复制到Excel中的工具。这里有一个完整的讨论，可能会有用：https：//www.webmasterworld.com/html/4673933.htm –

，你可以随时使用

#rootTable .row {display: table;} 
#rootTable .row > [class^="col-"] {display: table-cell;}

在你的CSS

，好运。

来源

2017-04-12 00:17:54

是否有表格转换器的div？

回答

相关问题