How to style responsiveness dropdown?
How to style responsiveness dropdown?

I want to style the view of the datatables when is seen on small screens (ipad or less). At the moment its on default with a dropdown which is pretty neat. But I wish to style it and personalize it more, instead of this one column cascade dropdown menu, I will like to create two columns of the dropdown and the last row have an action button with the size of the two columns. Is this possible? If it is, where is the documentation of it (couldn't find it)?
Thanks
This question has accepted answers - jump to:
Answers
Are you saying you saying you have elements in the
thead
that you want to style? If so these elements are custom added by your code and not part of Datatables. Datatables doesn't know about them so you can style them as you wish.If this doesn't answer your question then please post a link to your page or a test case showing the issue so we can understand what you have.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
The easiest way is going to be to inspect the HTML that is generated by Responsive and then style that per your needs.
To see the HTML generated, right click on one of the elements and click "Inspect" in your browser.
Allan
Thank you very much for your assistance. I found the documentation here
https://datatables.net/examples/api/row_details.html
Just didn't know how was named... Now I'm learning how to use it properly.