$(document).ready( function () { const options = { ajax: { url: './trackers.json', dataSrc: 'trackers' }, columns: [ { data: 'Name' }, { data: 'Abbreviation' }, { data: 'Type' }, { data: 'Codebase' }, { 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: [7, 8, 9, 10, 11, 14], 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 + ''; } return data; } } ], paging: false, responsive: true, fixedHeader: true, order: [[ 0, "asc" ]] }; const table = $('#table').DataTable(options); } );