need help of multi edit,delete rows + Individual column searching with suggestions+multiple select

munna759

I need the functionality with the multi edit,delete rows and Individual column searching with suggestions and multiple value search of each individual column by selecting check-boxes with in suggestion window

munna759

I have implemented this custom dropdown https://www.igniteui.com/combo/selection-and-checkboxes
now i need help to bind selected values with datatables
thanks

munna759

// These are custom search fields
<tfoot>
<tr>
<th> <button id="deleteTriger" class="inquiry_all">Inquiry Send</button></th>
<th><input id="search1" data-column="1" name="search1" class="search-input-text" onkeyup="searchdata(this.id,this.value);" /></th>
<th><input id="search2" data-column="2" name="search2" class="search-input-text" onkeyup="searchdata(this.id,this.value);" /></th>
<th><input id="search3" name="search3" data-column="3" class="search-input-text" onkeyup="searchdata(this.id,this.value);" /></th>
<th><input id="search4" name="search4" data-column="4" class="search-input-text" onkeyup="searchdata(this.id,this.value);" /></th>
<th><input id="search5" name="search5" data-column="5" class="search-input-text" onkeyup="searchdata(this.id,this.value);" /></th>
<th>Description</th>
</tr>
</tfoot>

// show dropdown with multiselect
    function combodropdown(id,key,dataval){
        $("#"+id).igCombo({
            width: 200,
            dataSource: dataval,
            textKey: key,
            valueKey: key,
            multiSelection: {
                enabled: true,
                showCheckboxes: true
            },
            dropDownOrientation: "bottom",
            autoComplete: true
        });
    }


// Get Data 
    function searchdata(id,txt)
    {
        if (txt.length >= 2)
        {
           $.ajax({
                type: "POST",
                url: '{{{URL::to("")}}}/filterproductdata',
                dataType: 'html',
                data: {fieldId:id,fieldData:txt",},
                success: function(data){
                    object = jQuery.parseJSON(data);
                    var html="";
                    var dataval=object;
                    if(id == 'search1')
                    {
                        var key = 'mfg';
                        combodropdown(id,key,dataval);
                    } 
                    else if(id == 'search2')
                    {
                        var key = 'model';
                        combodropdown(id,key,dataval);
                    }
                    else if(id == 'search3')
                    {
                        var key = 'condition';
                        combodropdown(id,key,dataval);
                    }
                    else if(id == 'search4')
                    {
                        var key = 'quality';
                        combodropdown(id,key,dataval);  
                    }
                    else if(id == 'search5')
                    {
                        var key = 'price';
                        combodropdown(id,key,dataval);
                    }
                }
            });
        }
    }