Question: I want to hide some columns in datatable when page change size (responsive). I would like to show/hide some columns depending on curremt size.

Thank you.

Answer: 
Use [Responsive](https://datatables.net/extensions/responsive/) extension to show/hide columns dynamically based on screen size. 

Optionally you can determine which columns will be hidden first using [`responsivePriority`](https://datatables.net/reference/option/columns.responsivePriority) option, see [Column priority](https://datatables.net/extensions/responsive/priority) for more details.

Alternatively you can assign special classes to `th` elements to define column behavior, see [Class logic](https://datatables.net/extensions/responsive/classes) for more details.

You just need to include additional CSS/JS files and use [`responsive`](https://datatables.net/reference/option/responsive) option as shown below.

```
$('#example').DataTable( {
    responsive: true
} );

```
```
{

    var table = $(`'#screenFieldsTable'`).DataTable(); 

    // Hide two columns 

    table.columns( [10,11] ).visible( false );

}

```