Search

I don't really understand this: #example #hello select{ width:250px; } So the select inside #hello should have width:250px, but I don't see an id element. I don't really understand what the code where an id attribute of id is doing or where it should be added. Allan

Hi @bagsiur , You can't hide and show rows like that. They can be removed with row().remove() and then added back in with row.add(). If you want the ability for them to be hidden/shown, you'll have to create a custom filter to remove the records. Cheers, Colin

Absolutely. Typically for that kind of thing I've seen a column with a "Details" link or button which when clicked will launch a popover. Allan

Thanks for posting back. Good to hear you've got it working now. Allan

Thank you. I still need to learn more about the API. ;)

Yep, but if you use that in conjunction with other events, as in this example, you can tell which event caused the load. It's a bit clunky, but I think it'll do the trick. C

Thank you very much for prompt supporting.

OK, Thank you.

You can use the below to search all tables on the page: $('table.dataTable').DataTable().search( 'search text' ).draw(); Kevin

Yep, you could do something along the lines of this example. Here, it gets the unique values in an array and populates a drop down. Instead of the drop down, you could use those values to dynamically create a set of checkboxes. Hope hat helps, Cheers, Colin