
<div id="screen[index]"> 
    
    <div class="kt-portlet kt-portlet--mobile">
                    <div class="kt-portlet__body kt-portlet__body--fit">
                        <!--begin: Datatable -->
                        <div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--loaded" style="">
                            <table class="kt-datatable__table" id="salesquotationapproval_table_data">
                                <thead class="kt-datatable__head">
                                    <tr class="dnd-moved kt-datatable__row" style="left: 0px;">
                                        <th data-field="id" class="kt-datatable__cell" id="col_id" style="display: none;">
                                            ID<span><i class="fa"></i></span>
                                        </th>
                                        <th width="5%" data-field="bu" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_bu" onclick="sortColumn(this,'col_quotnumber','asc');">
                                            BU<span><i class="fa"></i></span>
                                        </th>
                                        <th width="10%" data-field="quotnumber" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_quotnumber" onclick="sortColumn(this,'col_quotnumber','desc');">
                                            Quotation #<span><i class="fa"></i></span>
                                        </th>
                                        <th width="8%" data-field="type" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_type" onclick="sortColumn(this,'col_type','asc');">
                                            Type<span><i class="fa"></i></span>
                                        </th>
                                        <th width="25%" data-field="customer" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_customer" onclick="sortColumn(this,'col_customer','asc');">
                                            Company/Prospect<span><i class="fa"></i></span>
                                        </th>
                                        <th width="15%" data-field="contact" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_contact" onclick="sortColumn(this,'col_contact','asc');">
                                            Contact Name<span><i class="fa fa-sort-up"></i></span>
                                        </th>
                                        <th width="20%" data-field="title" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_title" onclick="sortColumn(this,'col_title','asc');">
                                            Title<span><i class="fa fa-sort-up"></i></span>
                                        </th>
                                        <th width="10%" data-field="currency" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_currency" onclick="sortColumn(this,'col_currency','asc');">
                                            Currency<span><i class="fa"></i></span>
                                        </th>
                                        <th width="10%" data-field="status" class="kt-datatable__cell" name="salesquotationapproval_sort_column" id="col_status" onclick="sortColumn(this,'col_status','asc');">
                                            Status<span><i class="fa"></i></span>
                                        </th>
                                        <th width="2%" data-field="filter" class="kt-datatable__cell" id="col_filter">
                                            <button type="button" class="btn btn-default btn-sm btn-icon btn-icon-md" id="btnFilterColumn" onclick="filterRow('salesquotationapproval_row_filter',this,true);"><i class="fa fa-filter"></i></button>
                                        </th>
										<th width="2%" data-field="print" class="kt-datatable__cell" id="col_view">&nbsp;</th>
										<th data-field="blank" class="kt-datatable__cell" id="col_blank">&nbsp;</th>
                                    </tr>
                                </thead>
                                <tbody class="kt-datatable__body" style="" id="sales-quotation-approval-list-table">
                                    <tr class="dnd-moved kt-datatable__row" style="left: 0px;" id="salesquotationapproval_row_filter">
                                        <td data-field="id" class="kt-datatable__cell" id="col_id" style="display: none;">&nbsp;</td>
                                        <td data-field="bu" class="kt-datatable__cell" id="col_bu" >
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcolbu" onkeyup="filterData(this,1);" />
                                        </td>
                                        <td data-field="quotnumber" class="kt-datatable__cell" id="col_quotnumber" >
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcolquotnumber" onkeyup="filterData(this,2);" />
                                        </td>
                                        <td data-field="type" class="kt-datatable__cell" id="col_type">
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcoltype" onkeyup="filterData(this,3);" />
                                        </td>
                                        <td data-field="customer" class="kt-datatable__cell" id="col_customer">
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcolcustomer" onkeyup="filterData(this,4);" />
                                        </td>
                                        <td data-field="contact" class="kt-datatable__cell" id="col_contact">
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcolcontact" onkeyup="filterData(this,5);" />
                                        </td>
                                        <td data-field="title" class="kt-datatable__cell" id="col_title">
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcoltitle" onkeyup="filterData(this,6);" />
                                        </td>
                                        <td data-field="currency" class="kt-datatable__cell" id="col_currency">
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcolcurrency" onkeyup="filterData(this,7);" />
                                        </td>  
                                        <td data-field="status" class="kt-datatable__cell" id="col_status">
                                            <input type="text" class="form-control" name="salesquotationapproval_input_filter" id="txtcolstatus" onkeyup="filterData(this,8);" />
                                        </td>                                     
										<td data-field="filter" class="kt-datatable__cell" id="col_filter">&nbsp;</td>
										<td data-field="view" class="kt-datatable__cell" id="col_view">&nbsp;</td>
										<td data-field="blank" class="kt-datatable__cell" id="col_blank">&nbsp;</td>
                                    </tr>
                                </tbody>
                            </table>                            
                        </div>
                        <!--end: Datatable -->
                    </div>                  

                <!--end::body-->
    </div>
   
            <!--end::Portlet-->

    <!-- button to trigger the things -->
    <button id="activatebuttonscreen[index]" onclick='reactivatescreen[index]();' style="display: none;">activate screen button</button>
</div>
<div id="screen[index]a" > 

</div>
<!-- the function index that you want to run -->
<script>
$(document).ready(function () {
    sorts = "";
    filterRow('salesquotationapproval_row_filter',this,false);
    filterSalesQuotationApprovalList();
});
</script>

<script type="text/javascript">
    function reactivatescreen[index]() {
        swal2("activation screen [index]");
    }
</script>