Responsive Master Detail Issue

I seem to be missing something with the set up of responsive master detail tables. I have read the documentation and viewed the demo, but I just can’t seem to get it working. Details as follows :

Master table is based on a table, the Details table is based on a View. The relationship columns are the ‘id’ column in the Master data table and the ‘id_elect_master’ column in the details data table.

In the Advanced Settings of the Master data table I have the following code entered, where ‘Electoral_Detail’ is the name of the details data table and 22 is the id of this data table:

{
	"initComplete": "function( settings, json ) { wpda_init_master_detail( settings, json, 22, 'Electoral_Detail', 'id', 'id_elect_master' ) }",
	"drawCallback": "function( settings ) { wpda_nav_master_detail( settings, 22, 'Electoral_Detail' ) }",
	"select": {
		"style": "single",
		"selector": "tr"
	},
	"pageLength": 12
}

I have added the short code of the Master Data Table to a WP page, but when I click on a row in the displayed master table no details table is displayed.

Do I also need to add the short code of the details data table to the same page ??

Many thanks
Mark W