Subversion Repositories SmartDukaan

<div class="col-lg-12">

	<table id="warehouseActivatedItem" class="table table-striped table-advance table-hover">

		<thead>

	    	<tr>

	    				<th>W/H Name</th>

	    				<th>Item</th>

	    			    <th>LMS</th>

	    			    <th>LMS Qty</th>

	    				<th>LMTD</th>

	    				<th>LMTD Qty</th>

	    				 <th>MTD</th>

	    				 <th>MTD Qty</th>

	    			 </tr>

				 </thead>

	    			<tbody>

	    			    #foreach($activatedItem in $activatedItems)

	    				<tr>

	    	 		   	<td>$warehouseMap.get($activatedItem.getWarehouseId())</td>

	    	 		     <td>$activatedItem.getBrand()  $activatedItem.getModelNumber() ($activatedItem.getColor())</td>

	                      <td class="currency">$activatedItem.getLms()</td>

	                       <td class="currency">$activatedItem.getLmsQty()</td>

	                      <td class="currency">$activatedItem.getLmtd()</td>

	    	 		      <td class="currency">$activatedItem.getLmtdQty()</td>

	    	 		      <td class="currency">$activatedItem.getMtd()</td>

	    	 		      <td class="currency">$activatedItem.getMtdQty()</td>	

	    	 		   </tr>

	    				 #end

	    		    </tbody>

	    		</table>

		    </div>

<script type="text/javascript">

  $(document).ready(function() {

   $('#warehouseActivatedItem thead tr').clone(true).appendTo( '#warehouseActivatedItem thead' );

    $('#warehouseActivatedItem thead tr:eq(1) th').each( function (i) {

        var title = $(this).text();

        $(this).html( '<input type="text" style = "width:60%;" placeholder="Search '+title+'" />' );

        $( 'input', this ).on( 'keyup change', function () {

            if ( table.column(i).search() !== this.value ) {

                table

                    .column(i)

                    .search( this.value )

                    .draw();

            }

        } );

    } )

  var table = $('#warehouseActivatedItem').DataTable( {

        orderCellsTop: true,

        fixedHeader: true

    } );

});

</script>