How to style responsiveness dropdown?

How to style responsiveness dropdown?

ferpalma21ferpalma21 Posts: 11Questions: 3Answers: 0

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 :smile:

This question has accepted answers - jump to:

Answers

  • kthorngrenkthorngren Posts: 21,173Questions: 26Answers: 4,923
    Answer ✓

    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

  • allanallan Posts: 63,214Questions: 1Answers: 10,415 Site admin
    Answer ✓

    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

  • ferpalma21ferpalma21 Posts: 11Questions: 3Answers: 0

    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.

This discussion has been closed.