Datatable Filtering

datatable.html

<script>

    $(function () {

        var $table = $('#candidates');

        var $dataTable = $table.DataTable({
            "paging": true,
            "lengthChange": false,
            "searching": true,
            "ordering": true,
            "order": [[5, 'desc']],
            "processing": true,
            "serverSide": true,
            "ajax": "{{ path('admin_candidates_list') }}",
            "columns": [
                {
                    "data": "first_name",
                    "name": "first_name",
                    "searchable": true,
                    "orderable": false
                },
                {
                    "data": "last_name",
                    "name": "last_name",
                    "searchable": true,
                    "orderable": false
                },
                {
                    "data": "campaign_title",
                    "name": "campaign_title",
                    "searchable": false,
                    "orderable": true
                },
                {
                    "data": "company_name",
                    "name": "company_name",
                    "searchable": false,
                    "orderable": true
                },
                {
                    "data": "current_stage",
                    "name": "current_stage",
                    "searchable": true,
                    "orderable": false,
                    "className": "dt-center"
                },
                {
                    "data": "created_at",
                    "name": "created_at",
                    "searchable": false,
                    "orderable": false,
                    "className": "dt-center"
                },
                {
                    "data": null,
                    "name": "action",
                    "className": "dt-center",
                    "width": "7%",
                    "render": function (data, type, row) {
                        return '<a href="' + row.resume_link + '" target="_blank" class="btn btn-xs btn-default">Download</a>';
                    }
                }
            ],
            "initComplete": function () {

                var html = '<label>Filter by Stage:</label>&nbsp;' +
                    '<select id="stage-filter" class="form-control">' +
                    '<option>All</option>' +
                    '<option value="Prospects">Prospects</option>' +
                    '<option value="Candidates">Candidates</option>' +
                    '<option value="Hired">Hired</option>' +
                    '</select>';

                $('#candidates_wrapper').find('.col-sm-6').first().append(html);

                $('#stage-filter').on('change', function(){
                    $dataTable.column(4).search($(this).val()).draw();
                });

            }
        });

    });

</script>