$(document).ready( function () { const options = { ajax: { url: './trackers.json', dataSrc: 'trackers' }, columns: [ { data: 'Name' }, { data: 'Abbreviation' }, { data: 'Type' }, { data: 'Codebase' }, { data: 'Observatory Grade' }, { data: 'Users' }, { data: 'Torrents' }, { data: 'Peers' }, { data: 'Ratio' }, { data: 'Ratio Diff' }, { data: 'Freeleech' }, { data: 'Points' }, { data: 'Hit & Run' }, { data: 'Birthdate' }, { data: 'Join' }, { data: 'Join Diff' }, { data: 'Updated' }, ], columnDefs: [ { targets: [4, 8, 9, 10, 11, 12], render: function (data) { if (data === 'N/A') { return '' + data + ''; } if (data === 'Easy') { return '' + data + ''; } if (data === 'Medium') { return '' + data + ''; } if (data === 'Hard') { return '' + data + ''; } if (data === 'Impossible') { return '' + data + ''; } if (data === 'Yes') { return '' + data + ''; } if (data === 'No') { return '' + data + ''; } if (data === 'A +') { return '' + data + ''; } if (data === 'A') { return '' + data + ''; } if (data === 'A -') { return '' + data + ''; } if (data === 'B +') { return '' + data + ''; } if (data === 'B') { return '' + data + ''; } if (data === 'B -') { return '' + data + ''; } if (data === 'C +') { return '' + data + ''; } if (data === 'C') { return '' + data + ''; } if (data === 'C -') { return '' + data + ''; } if (data === 'D +') { return '' + data + ''; } if (data === 'D') { return '' + data + ''; } if (data === 'D -') { return '' + data + ''; } if (data === 'F') { return '' + data + ''; } return data; } } ], paging: false, responsive: true, fixedHeader: true, order: [[ 0, "asc" ]] }; const table = $('#table').DataTable(options); } );