DataTables fixedColumns

by Maycon Brito

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<div class="box box-info">
	            <div class="box-header">
	              <h3 class="box-title">Itens</h3>
	            </div>
	            <div class="box-body">
	              <table id=""
	              	 class=' table table-bordered table-hover  plugin-scrollx   ' 
	              	 data-sZeroRecords="" 
                    ><thead><tr><th>Detalhes</th><th>Item</th><th>Produto</th><th>Unid</th><th>Qtd</th><th>Moeda</th><th>Valor Tx Camb</th><th>Preço Unit. na Moeda</th><th>Preço Unit</th><th>IPI</th><th>ICMS</th><th>Valor Sub. Trib.</th><th>Desconto</th><th>Valor Total</th><th>Prazo Entrega (Dias)</th><th>Frete</th><th>Observação</th><th>Marca / Fabricante</th><th>Validade</th></tr></thead><tbody><tr><td>CERAMIDE 3</td><td>0001<input type="hidden"   name="hdItem-0"  value="0001"            /></td><td>ATIVO006<input type="hidden"   name="hdCodigoProduto-0"  value="1AT2CR00000    "            /></td><td>KG</td><td>
                <input type="text"   name="ipQtd-0"  value="3"       class=' width-4-em   number   form-control   '      readonly >
            </td><td><select
                data-url-json=""
                style="width: 100%;"
                placeholder="Selecione..."
                  name="slMoeda-0"  value="R"       class=' form-control select2   '    
            >
            <option  value="1">Real</option><option  value="2">Dólar</option><option  value="3">Euro</option>
            </select></td><td>
			
			<div class="input-group">
				<span class="input-group-addon"><i class="fa fa-dollar"></i></span>
                <input type="text"   name="ipValorTxMoeda-0"  value="1"       class=' width-6-em   number moeda   form-control   '    data-decimais="4"    >
                
              </div></td><td>
			
			<div class="input-group">
				<span class="input-group-addon"><i...

JavaScript

$('table.table').DataTable({
				scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        fixedColumns:   {
            leftColumns: 1,
            rightColumns: 1
        }
});