How to set table on block to be responsive

[Domen Dolar]

In background DataTables librarys are used.

To create table responsive you have to change default DataTable with responsive parameters:

1: Add code in -> "CSS, JS source" -> tab "Form CSS, JS" -> select "FORM_JS" and add code

2: Sample where table on block B10 is changed:

dataTableProperties are strored in JavaScript object _rasd_dataTableProperties

var newDT1 = JSON.parse(JSON.stringify(_rasd_dataTableProperties));
newDT1.responsive = true;
newDT1.destroy = true;  
$("#B10_TABLE").removeClass( "rasdTableN" ); 
xTable1 = $("#B10_TABLE").dataTable(newDT1);