tablesaw用于响应设计的jQuery插件在ajax调用的情况下不起作用

Question

我正在使用tablesaw构建一个具有响应式设计的超文本标记语言表格。当我直接在我的php (即Codeigniter )网页中使用代码时，它工作得很好。但是，如果在单击一个按钮(即表单提交)时进行ajax调用，并从该调用中获取响应表的完整HTML，然后将其显示在页面中，则该方法不起作用。它就变成了一个非响应的HTML表。

ajax调用，即表单提交是用jQuery Form plugin完成的

HTML：

<div class="result"></div>

    <form class="form_action" enctype="multipart/form-data" name="form_action" 
method="post" action="<?php echo BASE_URL; ?>index/show_order_details_now">

    <input type="submit" value="Submit" class="btn_submit" name="submit_evoucher" />

    </form>

JS：

 $(form).ajaxSubmit({
      target: '.result', 
      success: function(response) {
       $(".result").html(response);

      }
    });

被调用的函数是：

function show_order_details_now(){

    ?>


    <?php

$orders_paid='  <link  rel="stylesheet" type="text/css" href="'.JSPATH.'tablesaw-master/dist/tablesaw.css"/>

        <table   class="tablesaw purchase_details_tbl_1"  data-tablesaw-mode="columntoggle" ><thead>
                <tr>
                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Invoice No</th>



                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-sortable-default-col data-tablesaw-priority="3">Product Code</th>
                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="persist">Product Name</th>
                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Specification</th>
                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="1">Quantity</th>
                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="2">Rate</th>
                    <th scope="col" data-tablesaw-sortable-col data-tablesaw-priority="4">Sub Total(Tk)</th>
                </tr>
            </thead><tbody>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
                <td>7</td>
            </tr>';




            //echo '<br/><b> order iddd = '.$order_id.'</b>';







        $orders_paid.='</tbody></table>';





        echo $orders_paid;



}// end of function show_order_details_now

那么，在这种情况下，如何使表像tablesaw应该做的那样响应呢？

Answer 1

只需添加：

jQuery(document).trigger('enhance.tablesaw');

一旦将表插入到DOM中。