Ik ben momenteel bezig met tabellen die ik met datatables extra opties heb gegeven.
De data wordt automatisch uit een .txt bestand gehaald momenteel, maar ik wil dit op termijn veranderen naar .php zodat alle gegevens uit de database kunnen komen. Ik heb dus momenteel een lijst van verschillende handelingen en de bedoeling is dat er in de tabel een progress bar getoond wordt en niet gewoon een percentage. Maar ik heb al veel zitten opzoeken en vind nergens hoe ik er aan moet beginnen, hebben jullie een idee alvast bedankt!
Deze code haalt de gegevens op:
$(document).ready(function() {
var oTable = $('#gamenr1').dataTable( {
dataType: "html",
"sAjaxSource": 'gegevens.txt',
} );
setInterval(function()
{
oTable.fnReloadAjax();
},999920000);
} );Dit kun je vinden in de gegevens.txt:
(is slechts een deel om de structuur te tonen.)
{
"aaData": [
[
"James",
"start kamelenrace",
"25",
"5.5",
"5%"
],
[
"Dries",
"Start kamelenrace",
"19",
"6",
"5.5%"
],
[
"Olivier",
"Kamelenrace gestart",
"28",
"4",
"12%"
]
]
}
En nu zou ik graag hebben dat in mijn tabel de laatste kolom (het percentage) via een progress bar komt. Heb veel zitten zoeken maar weet niet hoe ik er aan begin.
De tabel ziet er zo uit:
<table cellpadding="0" cellspacing="0" border="0" class="table table-hover table-nomargin table-bordered dataTable-noheader dataTable-nofooter display" id="example">
<thead>
<tr>
<th width="20%">Naam</th>
<th width="25%">Opdracht</th>
<th width="25%">Punten</th>
<th width="15%">Levens</th>
<th width="15%">Vooruitgang</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<th>Naam</th>
<th>Opdracht</th>
<th>Punten</th>
<th>Levens</th>
<th>Vooruitgang</th>
</tr>
</tfoot>
</table>
De progress bar code zou ongeveer zo moeten zijn:
<div class="progress progress-success">
<div class="bar" style="width: HET PERCENTAGE"></div></div>
Heeft iemand ervaring alvast bedankt!
Had hiermee al wat geprobeerd (http://www.datatables.net/release-datatables/examples/server_side/row_details.html) maar dan krijg ik enkel errors?
