Adding Table styles in RTE Plugin in touch UI in AEM as a CS

Hi All,

I’m trying to add custom styles to the table plugin in an RTE. Below is the structure I’ve used:

 

<table
    jcr:primaryType="nt:unstructured"
    features="*">
    <tableStyles jcr:primaryType="cq:WidgetCollection">
         <style-one jcr:primaryType="nt:unstructured"
                        cssName="table-bordered"
                        text="Bordered Table"/>
          <style-two jcr:primaryType="nt:unstructured"
                         cssName="table-striped"
                         text="Striped Table"/>
     </tableStyles>
</table>

But I don’t see the style options in the table edit options. 
Has anyone implemented similar functionality and can guide here?