Jquery bootstrap multiselect with optgroup

See more:

MVC

bootstrap

AngularJs

I am using Jquery bootstrap multiselect plugin which seems pretty good and fulfill most of the requirements which i needed.

The Additional functionality is that i wanted to add an option group's in the dropdown..
I am binding the dropdown using Angular js ng-repeat like below

<b> <select id="example-getting-started1" multiple="multiple"                        name="multiselect1[]" data-dropdownmultiselect>
                            <option ng-repeat="s in sourceRawTablesList" data-select-watcher data-last="{{$last}}" value="{{s.TableID}}">{{s.TableName}}</option>
          </select></b>

I wnated that my dropdown should look like the one i.e. specifid in the below url..
http://i.stack.imgur.com/Xyja3.png
--------------above url is just for a reference..(checkout the image in this Page)

Here is the code that i am using to bid the multiselect dropdown.

any assistance in this is highly appreciated..
Thanks in Advance...:)