Programatically search text in JQuery Data Table

Question

Is there any way to programatically search a JQuery Data Table using the search box?

I currently have something like this:

$('#calibhistory_click').tab('show');

setTimeout(function() {
    $('#calibhistory').find('input[type="search"]').val("hi");
}, 5000);

This does input the text into the box however it does not search because I believe the search function only runs if it senses keyboard input via the user. Is there any way to programatically call the search function using JS/JQuery?

Thanks in advance.

Edit:

Here's how I initialize my table in my main.js

$(".dynamic-wide-table").DataTable({
        "processing": true,
        "scrollX": true,
        "scrollY": 530,
        "scrollCollapse": true,
        "lengthMenu": [
            [100, 400, 1000, 5000, -1],
            [100, 400, 1000, 5000, "All"]
        ]
    });

The problem is, there are MANY of these tables per page. How do I access the table I want?

Adam · Accepted Answer · 2016-05-19 17:45:23Z

1

Have a look at the datatables search function.

Example from the documentation:

var table = $('#example').DataTable();

// #myInput is a <input type="text"> element
$('#myInput').on( 'keyup', function () {
    table.search( this.value ).draw();
} );

So the line you're looking for is table.search( this.value ).draw();

edited May 19, 2016 at 17:45

answered May 19, 2016 at 17:44

Adam

2,6961 gold badge18 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user4780686 Over a year ago

Unfortunately I don't have an object of the table. Just the table on the page in HTML.

Adam Over a year ago

I'm not sure what you mean by that - are you using the jquery dataTables plugin?

grzesiekmq Over a year ago

regular expressions?

user4780686 Over a year ago

I have a main.js file where I create my data table object. This page contains many tables on it. However I need to access only one of these tables. If I access my object from main.js how it will have any idea which table I am talking about? By the way, I use codeiginiter which creates many tables of this one object.

user4780686 Over a year ago

For example, I am trying to do this now, $('#calibhistory').find('.dynamic-wide-table').search("hi").draw(); where calibhistory is the specific tab with the table I want.

annoyingmouse · Accepted Answer · 2016-05-20 06:10:30Z

1

You're very nearly there, just trigger the keyup event after setting the val of the input:

$('#calibhistory').find('input[type="search"]').val("grail").trigger("keyup");

Working JSFiddle.

Hope that helps.

answered May 20, 2016 at 6:10

annoyingmouse

5,6991 gold badge31 silver badges48 bronze badges

Comments

Merrin K · Accepted Answer · 2024-04-05 10:16:27Z

0

Try This

$('#DataTable_Id'+'_filter input').val('your_text').trigger("keyup");

answered Apr 5, 2024 at 10:16

Merrin K

1,7901 gold badge19 silver badges32 bronze badges

Collectives™ on Stack Overflow

Programatically search text in JQuery Data Table

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related