JSFiddle - React, Tailwind, and code Playground

by Semih Muyaoğlu

HTML

<script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="conatiner">
<div class="col-md-12">.</div>
<div class="col-md-12">
<div class="col-md-12">
<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Görsel</th>
                <th>Ürün/Hizmet</th>
                <th>Birim</th>
                <th>Br.Fiyat</th>
                <th>Miktar</th>
                <th>İskonto</th>
                <th>Tutar</th>
                <th>İşlem</th>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>#</td>
                <td><input type="text" value="test" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td>x</td>
            </tr>
            <tr>
                <td>#</td>
                <td><input type="text" value="deneme" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td><input type="text" /></td>
                <td>x</td>
            </tr>
      
        </tbody>
    </table>
    </div>
</div>
</div>

JavaScript

$('#example').DataTable({
        "bJQueryUI" : false, 
        "bPaginate": true,
        "bInfo": true,
   			responsive: {
        	details: false
    		}
 });