Remove column using class name in jQuery DataTables

Question

How to remove column using class name in jQuery DataTables?

My code is like this : http://jsfiddle.net/oscar11/ebRXw/801/

$(document).ready(function() {
    $('#example').DataTable( {
        "responsive": true,
         "aoColumnDefs": [
             { 

                 "className": 'never', 
                 "targets": 1
             }
             ]
    } );
} );

But the first column is not deleted.

Gyrocode.com · Accepted Answer · 2015-10-15 18:58:21Z

2

SOLUTION

Use class name assigned to th element in table header (col-hide in my example) in targets option (without the leading dot .) to target certain columns and visible option to make these columns hidden.

"columnDefs": [
    { targets: "col-hide", visible: false }   
]

For example:

$('#example').DataTable( {
    "responsive": true,
    "columnDefs": [
        { targets: "col-hide", visible: false }   
    ]
} );

DEMO

See this jsFiddle for code and demonstration.

edited Oct 15, 2015 at 18:58

answered Oct 15, 2015 at 18:51

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

2 Comments

Gyrocode.com Over a year ago

@mosestoh, glad to help. If you just wanted to hide second column, you could have used columnDefs: [{ targets: 1, visible: false }] instead without assigning classes.

moses toh Over a year ago

Okey Grycode.com. Thank you. You much help me. I'm still a beginner. I still need a lot to learn.

Abhas Tandon · Accepted Answer · 2015-10-15 18:49:39Z

1

You can use display:none; with added class to hide the targeted column as

.never {
    display:none;
}

http://jsfiddle.net/ebRXw/803/

answered Oct 15, 2015 at 18:49

Abhas Tandon

1,88916 silver badges26 bronze badges

Collectives™ on Stack Overflow

Remove column using class name in jQuery DataTables

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related