SearchPanes was displaying but nothing was filtered when clicking on the field.

SearchPanes was displaying but nothing was filtered when clicking on the field.

acroposeacropose Posts: 11Questions: 3Answers: 0
edited March 2021 in Free community support

I can't filter any field with search panes. The interface displayed but it does nothing. And when I click for the first time in one of the selects I have an error returned in the console.

here is my html

<table id="echeancier" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Year</th>
                <th>Month</th>
                <th>Project Ref</th>
                <th>Client</th>
                <th>ZIP</th>
                <th>Ressources</th>
                <th>Commercial</th>
                <th>Armount proposal</th>
                <th>Armount gain</th>
                <th>Secure Number</th>
                <th>ADJU</th>
                <th>EOM</th>
                <th>AOM</th>
            </tr>
        </thead>
        <tbody>
             my test data
        </tbody>
</table>
````
here is my js : 
```js
window.onload = (function() {
    console.log("là");
    $("#echeancier").DataTable({
    searchPanes: {
            viewTotal: true,
            cascadePanes: true,
            columns: [0,1,4,6,9]
    },
    dom: "Pfrtip",
    order: [[ 0, "asc" ], [ 1, "asc" ]],
    responsive: true,
    orderMulti: true,
    lengthMenu: [
            [ 25, 50, 100, -1 ],
            [ "25", "50", "100", "Afficher Tous" ]
        ]
  });
});

my import :

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.24/r-2.2.7/sp-1.2.2/sl-1.3.3/datatables.min.css"/>
 
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.24/r-2.2.7/sp-1.2.2/sl-1.3.3/datatables.min.js"></script>

And sometimes when I click on a new filter the console return that :

datatables.min.js:330 Uncaught TypeError: f.filter.replaceAll is not a function
    at k._search (datatables.min.js:330)
    at Array.s.searchFunction (datatables.min.js:294)
    at Sb (datatables.min.js:71)
    at ya (datatables.min.js:71)
    at ja (datatables.min.js:59)
    at D.<anonymous> (datatables.min.js:136)
    at D.iterator (datatables.min.js:129)
    at D.<anonymous> (datatables.min.js:136)
    at D.draw (datatables.min.js:132)
    at k._makeSelection (datatables.min.js:327)

Answers

  • colincolin Posts: 15,112Questions: 1Answers: 2,583

    We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

    Cheers,

    Colin

This discussion has been closed.