Adding a wrapper to contain tables using grouping field in views / display suite
You can add classed to your regions within Display suite:

Add CSS classes to regions
Now that you have defined regions you can define custom CSS classes for them.


Go to Administration > Structure > Display Suite > CSS Classes (admin/structure/ds/classes)
Enter custom class names in the fields "CSS classes for regions” (one per line). You can provide a human friendly class name by using a pipe ("|”), e.g.,:

class_name_1
class_name_2|Class two
extravagant|Extravagant
subtle_emphasis|Subtle emphasis

Click "Save”
Go to Administration > Structure > Display Suite (admin/structure/ds/layout) and choose "manage display” for the desired entity.
Choose the tab "Custom classes” to assign the classes to the regions
Click the tab "Extra classes for regions”. Assign the defined classes to the regions.
Click "Save”
You can check the source code of your web page to see the new classes and start styling them in your CSS.


From Manage displays.

You can use above steps to add a class to your Display Suite region. Depending on how Views renders the View, explore the DOM to see if you need to select additional classes.