Refresh table by checkbox

antoniocib

how to add the refresh of table when i check the checkbox?

rf1234

use ajax reload:
https://datatables.net/reference/api/ajax.reload()

kthorngren

Got your message with the link to your example. Use the browser's inspector to tool to watch one of your rows. Check the checkbox and you will see the inline editor adds then removes the class highlight. This is the class you are using to highlight checked rows. Try changing the class name to something else to see if it helps.

Kevin

antoniocib

Ehm kevin i dont understand what u means?

kthorngren

Right click on one of your rows then click Inspect. Toggle the checkbox fo that row and you will see the highlight class added then removed. This is the inline editor process. I think this is overwriting the highlight class you are adding in the rowCallback. Change the name class you are using in the rowCallback so it doesn't conflict.

Kevin

antoniocib

Kevin is impossible for me understand what u means can u do an example because the translator is a shit.

antoniocib

Use my code for the example please

kthorngren

Change the class name you are using to something else like myHighlight, for example:

rowCallback: function ( row, data ) {
        // Set the checked state of the checkbox in the table
        $('input.editor-active', row).prop( 'checked', data.active == 1 );
        if ( data.active == 1 ) {
                $(row).addClass('myHighlight')
 
            }
},

Then change your CSS to match this name.

Kevin

kthorngren

You probably also will need to remove the myHighlight class if data.active is not 1. For example:

rowCallback: function ( row, data ) {
        // Set the checked state of the checkbox in the table
        $('input.editor-active', row).prop( 'checked', data.active == 1 );
        if ( data.active == 1 ) {
                $(row).addClass('myHighlight')
            } else {
                $(row).removeClass('myHighlight')
            }
},

Kevin

antoniocib

Ty KEEEVIN!

antoniocib

It works !