usability – Good ways to show detailed info selecting from a table?

Lists (tables or grids) may hold much information behind the list. I have seen popup windows and split screens etc. Most of them works in a desktop environment, but on a small smartphone the detailed information may not look good and be user friendly.

Is this solution for displaying detailed info (based on window width) good UI and UX? Or is there better ways to do this? The detailed information may sometimes become complex.