jquery datatables du filtre/de la recherche ne fonctionne pas

Je suis nouveau sur jquery et j'ai utilisé le jqueryData Table, je suis face à problème au cours de la recherche,

Recherche de travail pour les deux premières colonnes (ex., si je recherche à l'aide de 'QE5855" ou 3453457 sa fonctionne bien),
Mais ce n'est pas la recherche de la troisième colonne (ex., si j'entre "Unie" ou " des états-unis le tableau n'est pas trié) , s'il vous Plaît aider moi.

<table id="agentDetails">
    <tr style="">
        <th width="22%">User Id</th>
        <th width="20%">Parent Id</th>
        <th width="35%">Country</th>
    </tr>
    <%
        for(UserDataModel getEachEmpDetails:phoneIdSiteMappingList){
    %>
        <tr>
            <td> <div><%=getEachEmpDetails.getUserUid %> </div> </td> //data is like 'QE5855'
            <td><div><%=getEachEmpDetails.getParentUid %> </div> </td> //data is like '3453457'
            <td><div><%=getEachEmpDetails.getCountry %> </div> </td>//data is like 'United States'
        </tr>   
    <%
        }
    <%

<script type="text/javascript">
    $( document ).ready(function() {
        var table = $("#agentDetails").DataTable({
             "bSort": false, 
            "iDisplayLength": 10 ,
            "sPaginationType": "full_numbers",
            "bSearchable":true,
            "bPaginate": true,
                "bFilter": true,
                 "sDom": '<"top"fip>',
                 "bStateSave": false,
                "oLanguage": {
                    "sInfo": "Showing _START_ to _END_ of _TOTAL_ messages",
                    "sInfoEmpty": "Showing 0 to 0 of 0 messages",
                    "sEmptyTable": " ",
                    "sSearch": "&nbsp&nbsp&nbsp",
                    "oPaginate": {
                        "sPrevious": "<",
                        "sNext": ">",
                        "sFirst":"",
                        "sLast":""
                    },
                    dom: 'T<"clear">lfrtip',
                    tableTools: {
                        "sRowSelect": "single"
                    }
                }
        }); 

    });
<script>
InformationsquelleAutor Khusboo | 2016-06-10
  1. 3

    Je ne suis pas sûr de la version de Datatable êtes-vous à l'aide, mais j'espère que cette aide. Je dois dire que je n'ai pas fait de test, de sorte que l'exemple est juste l'idée principale où je pense que le problème est.

    Sur votre code JS vous pouvez indiquer la source que vous souhaitez récupérer les données sur la table, dans ce cas, je suis en utilisant C# et donc j'utilise "l'Url.L'Action". Vous devez indiquer que dans sAjaxSource. Exemple est quelque chose comme cela...

     var oTable;
        $(function() {
            oTable = $('#agentDetails')
                .dataTable({
                "bServerSide": true,
                "bProcessing": true,
                "bSort": true,
                "sAjaxSource": "@Url.Action("Method")",
                "sPaginationType": "full_numbers",
                "bSearchable":true,
                "bFilter": true,
                "sDom": '<"top"fip>',
                "bInfo": true,
                "bLengthChange": false,
                "aoColumns": [
                    { "mData": "UserId" },
                    { "mData": "ParentId", "width": "22%", "bSortable": true},
                    { "mData": "Country", "width": "35%" },

                ],

        });

    Sur aoColumns "mData" s'entend de la manière que vous al la cartographie de la date que vous êtes l'obtention de votre méthode de sorte que vous devez exactement le nom de la var qui contient la valeur de votre modèle. Après cela, vous n'avez pas besoin d'utiliser une clause for et la datatable devrait être en mesure de traiter la recherche et de filtre pour soi.

    Exemple 

      <table id="agentDetails" >
                        <thead>
                            <tr>
                                <th>User Id</th>
                                <th>Parent Id</th>
                                <th>Country</th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td></td>
                                <td></td>
                                <td></td>

                            </tr>
                        </tbody>
 </table>
    • Merci pour l'espoir de réponse, je vais étudier cela, et de construire la table de l'Ajax...,
    InformationsquelleAutor UserEsp