    <script type="text/javascript">
    $(document).ready(function() {
        $('#editabledatatable').dataTable( {
             "destroy": true,
            "ajax": "<?php echo base_url(); ?>inventory/currentinventory/getcurrentinventory",
            "lengthMenu": [[20, 50, 100], [20, 50, 100]],
            "language": {
                "lengthMenu": "<?php echo $this->lang->line("DISPLAY"); ?> _MENU_ <?php echo $this->lang->line("RECORDSPERPAGE"); ?>",
                "zeroRecords": "<?php echo $this->lang->line("NOTHINGFOUND"); ?>",
                "info": "<?php echo $this->lang->line("SHOWINGPAGE"); ?> _PAGE_ <?php echo $this->lang->line("OF"); ?> _PAGES_",
                "infoEmpty": "<?php echo $this->lang->line("NORECORDSAVAILABLE"); ?>",
                "infoFiltered": "(<?php echo $this->lang->line("FILTEREDFROM"); ?> _MAX_ <?php echo $this->lang->line("TOTALRECORDS"); ?>)",
                "search": "<?php echo $this->lang->line("SEARCH"); ?> : ",
                "paginate": {
                    "previous": "<?php echo $this->lang->line("PREVIOUS"); ?>",
                    "next":"<?php echo $this->lang->line("NEXT"); ?>"
                }
            },
            "columnDefs": [
            {
                "targets": 8,
                "className": "text-right"
            },
            {
                "targets": 7,
                "className": "text-right"
            },
            {
                "targets": 5,
                "className": "text-center"
            },
            {
                "targets": 9,
                "className": "text-center"
            },
            {
                "targets": 10,
                "className": "text-center"
            },
            ],
            "columns": [
                { "data": "id",
                  render: function (data, type, row, meta) {
                   return meta.row + meta.settings._iDisplayStart + 1;
                  } 
                },
                { "data": "CODE" },
                { "data": "LOCATION" },
                { "data": "CATEGORYNAME" },
                { "data": "PRODUCT" },
                { "data": "TOTALUNITS" },
                { "data": "UOM" },
                { "data": "UNITPRICE" },
                { "data": "LINETOTAL" },
                { "data": "STOCKSECURITY" },
                { "data": "STOCKMAXIMUM" }
            ]

        } );
    });
    </script>
        <!-- Page Content -->
        <div class="page-content">
            <!-- Page Header -->
            <div class="page-header position-relative">
                 <div class="header-title">
                    <h1>
                    <?php echo $this->lang->line("CURRENTINVENTORY"); ?>
                    </h1>
                </div>
                <!--Header Buttons-->
                <div class="header-buttons">
                    <a class="sidebar-toggler" href="#">
                        <i class="fa fa-arrows-h"></i>
                    </a>
                    <a class="refresh" id="refresh-toggler" href="">
                        <i class="glyphicon glyphicon-refresh"></i>
                    </a>
                    <a class="fullscreen" id="fullscreen-toggler" href="#">
                        <i class="glyphicon glyphicon-fullscreen"></i>
                    </a>
                </div>
                <!--Header Buttons End-->
            </div>
            <!-- /Page Header -->
            <!-- Page Body -->
            <div class="page-body">
                <div class="row">
                    <div class="col-xs-12 col-md-12">
                        <div class="widget">
                            <div class="widget-body">
                                <div class="table-toolbar">
                                   <div class="table-responsive">               
                                        <table class="table table-striped table-hover table-bordered editable" id="editabledatatable">
                                            <thead>
                                                <tr role="row">
                                                    <th style="width: 50px;"><?php echo $this->lang->line("ID"); ?></th>
                                                    <th style="width: 40px;"><?php echo $this->lang->line("CODE"); ?> </th>
                                                    <th style="width: 150px;"><?php echo $this->lang->line("LOCATION"); ?> </th>
                                                    <th style="width: 150px;"><?php echo $this->lang->line("CATEGORY"); ?> </th>
                                                    <th style="width: 250px;"><?php echo $this->lang->line("ITEM"); ?> </th>
                                                    <th style="width: 80px;text-align: center;"><?php echo $this->lang->line("STOCK"); ?> </th>
                                                    <th style="width: 50px;"><?php echo $this->lang->line("UOM"); ?></th>
                                                    <th style="width: 90px;text-align: right;"><?php echo $this->lang->line("UNITPRICE"); ?></th>
                                                    <th style="width: 100px;text-align: right;"><?php echo $this->lang->line("LINETOTAL"); ?></th>
                                                    <th style="width: 40px;text-align: center;"><?php echo $this->lang->line("STOCKSECURITY"); ?></th>
                                                    <th style="width: 40px;text-align: center;"><?php echo $this->lang->line("STOCKMAXIMUM"); ?></th>
                                                </tr>
                                            </thead>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
        </div>
    </div>