Поиск данных из определенного столбца из выпадающего списка

Question

У меня есть таблица с четырьмя столбцами, подобная этой:

name | description | profile | action 

Я хочу искать / фильтровать записи из одного столбца, т.е. name.Я пробовал это, но он ищет все столбцы:

var oTable = $('#carrier-profile-listing').DataTable({
             "pagingType": "full_numbers",
             "serverSide": true,
             "processing": false,
             "paging": true,
             "searching": { "regex": true },
             "pageLength": 50,
             "lengthMenu": [
                 [15, 20, 50, -1], [15, 20, 50, "All"] // change per page values here
             ],
             "initComplete": function() {
                 var $searchInput = $('div.dataTables_filter input');
                 $searchInput.unbind();
                 $searchInput.bind('keyup', function(e) {
                     if(e.keyCode == 13) {
                         oTable.search( this.value ).draw();
                     }
                 });
             },
             "ajax": {
                 "url": "/carriers_profile_list",
                 data: {"_token": "{{ csrf_token() }}"},
                 "type": "POST",
                 "dataType": 'json',
                 "async": true,
                 beforeSend: function () {
                     showAjaxLoader();
                 },
                 complete: function () {
                     hideAjaxLoader();
                 },
                 error: function (jqXHR, timeout, message) {
                 }
             },
             "columnDefs": [
                 { "width": "20%", "targets": 0 },
                 { "width": "20%", "targets": 1 },
                 { "width": "30%", "targets": 2 },
                 { "width": "30%", "targets": 3 }

             ],
             "columns": [
                 {
                     "data"      : "name",
                     "name"      : "name",
                     "orderable" : true
                 },
                 {
                     "data"      : "description",
                     "name"      : "description",
                     "orderable" : true
                 },
                 {
                     "data"      : "profile",
                     "name"      : "profile",
                     "orderable" : false
                 },
                 { "mRender": function ( data, type, row ) {
                    return '<a href="/commission-process/'+row['id']+'/edit">Edit</a> -- <a class="donot_check_form_data" href="/commission-process/download_mapped_sheet/'+row['id']+'">Download Sheet</a>';}
                 }
             ],

             fixedHeader: {
                header: true,
                 headerOffset: fixedHeaderOffset
            },
             "language": {
                 "lengthMenu": "Display _MENU_ records per page",
                 "zeroRecords": "No records found",
                 "infoEmpty": "No records available",
                 "infoFiltered": "(filtered from _MAX_ total records)"
             }
         });

$("#carrier-drpdwn").on("change", "select[name='carrier_id']", function() {
  var textSelected =   $("#carrier-drpdwn option:selected").text();
  oTable.search(textSelected).draw(); 
});

Любая помощь будет оценена.

Answer 1

Для этого вы можете вызвать search() для отдельных column объектов в DataTable.Например, если вы хотите выполнить поиск в столбце name, который является индексом 0, вы должны сделать это:

var oTable = $('#carrier-profile-listing').DataTable();

$('#carrier-drpdwn').on('change', 'select[name="carrier_id"]', function() {
  var textSelected = $('#carrier-drpdwn option:selected').text();
  oTable.columns(0).search(textSelected).draw(); // note columns(0) here
});

Answer 2

Если вы используете плагин Datatables jQuery, вы можете найти очень полезную помощь на его веб-сайте.Например, пример https://datatables.net/examples/api/multi_filter.html поможет вам с вашим запросом.