DataTable

by Ankit Patidar

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
          <table class="table table-striped table-bordered dataTable dt-tarif">
							<thead>
								<tr>
									<th class="no-sort center-th">A</th>
									<th>Versicherer</th>
									<th>Tarif</th>
									<th>Rating</th>
									<th>Price</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th class="center-th">A</th>
									<th>Versicherer</th>
									<th>Tarif</th>
									<th>Rating</th>
									<th>Price</th>
								</tr>
							</tfoot>
							<tbody>
								<tr>
									<td><input type="checkbox"></td>
									<td>Condor Privatschutz</td>
									<td>A-Tarif</td>
									<td>2</td>
									<td>11,56€</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>Europa Versicherung AG</td>
									<td>B-Tarif</td>
									<td>4</td>
									<td>269,75€</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>DEVK Deutschland</td>
									<td>C-Tarif</td>
									<td>6</td>
									<td>505,25€</td>
								</tr>
				                <tr>
									<td><input type="checkbox"></td>
									<td>Feuersozität</td>
									<td>D-Tarif</td>
									<td>1</td>
									<td>100,45€</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>Europa Versicherung AG</td>
									<td>B-Tarif</td>
									<td>4</td>
									<td>269,75€</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>Europa Versicherung AG</td>
									<td>B-Tarif</td>
									<td>4</td>
									<td>99,99€</td>
								</tr>
								<tr>
									<td><input type="checkbox"></td>
									<td>Europa Versicherung AG</td>
									<td>B-Tarif</td>
									<td>4</td>
									<td>999,99€</td>
								</tr>
								<tr>
									<td><input...

JavaScript

var mytable = $('table.dt-tarif').dataTable({
    "paging":   false,
    "info":     false,
    "searching": false,
    "order": [[ 3, "desc" ]],
    
    "aoColumnDefs": [
        {
            "bSortable": false,
            "aTargets": [0]
        },
        { 
            "type": "currency", targets: 3 
        },
        {
            targets: [ 3 ],
            orderData: [3, 4]
        }
    ]
});