Estoy obteniendo mis datos de tabla de datos de ajax.
Mi tabla tiene columnas de name , surname y status . Obtengo el status de la base de datos como 0 o 1 para active e inactive después de obtener los datos con los que los represento de esta manera.

 "columns": [ { "data": "name" }, { "data": "surname" }, { "data": "status", "render": function(data, type, row) { if (data == '1') { return '<div class="badge badge-green">active</div>'; } else { return '<div class="badge badge-red">inactive</div>'; } } } ]

Y después de representar los datos, obtengo dinámicamente todos los estados de la tabla y los anexé para seleccionar el elemento para una filtración adicional.

Usé la función initComplete para obtener valores y agregarlos de la siguiente manera:

 initComplete: function() { // select status column dataTable.column(2).data().unique().sort().each(function(data, j) { $('#filterByStatus').append('<option value="' + data + '">' + data + '</option>'); }); }

La cuestión es que, dado que mis datos reales son 0 s y 1 s, la función que estoy usando es imprimir 0 y 1 en la opción de selección, no los datos renderizados que están active e inactive .

¿Cómo obtener los valores renderizados de la celda? como esto

 <option value="active">active</option> <option value="inactive">inactive</option>